CSS - 改变DIV的边框颜色锚内：悬停

Question

我已经包含在锚内一个div像这样：

<a class="chk" href="href"> 
    <div class="chk-div"></div> Text Here 
</a> 

我希望它这样，当你将鼠标悬停在<a>，边框颜色孩子<div>的变化。我知道你可以做到这一点简单的DIV像这样：

.chk-div:hover { 
    border-color: green; 
} 

但我想它，当你将鼠标悬停在文本改变也

Answer 1

这是诸如此类的事情，你后？

.chk:hover .chk-div {border: solid 1px green;}

https://jsfiddle.net/d7tc0sq8/

Answer 2

<a class="ckk" href="#"> 
Text Here 
</a> 

.chk {padding:10px; border:1px solid black;} 
.chk:hover{border-color:green;} 

Answer 3

尝试这样的：Demo

如你的DIV，它是一个块级元素赋予边界，所以用它作为inline-block的或使用跨度喜欢此

<a class="chk" href="href"> 
    <span class="chk-div">Text</span> Here 
</a> 

css：

.chk-div:hover { 
    border: 1px solid green; 

} 

Answer 4

<a class="chk" href="href"> 
    <div class="chk-div">Text Here</div> 
</a> 


.chk-div:hover { 
    border: 1px solid green; 
} 

希望这会有所帮助。