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; 
} 

希望這會有所幫助。