我的锚中包含一个div,如下所示:
<a class="chk" href="href">
<div class="chk-div"></div> Text Here
</a>
我想要它,当您将鼠标悬停在
<a>
上时,子<div>
的边框颜色会更改。我知道您可以像这样简单地为div做到这一点:.chk-div:hover {
border-color: green;
}
但是当您将鼠标悬停在文本上时,我希望它会更改
最佳答案
这是您所追求的吗?.chk:hover .chk-div {border: solid 1px green;}
https://jsfiddle.net/d7tc0sq8/