CSS에서 배경색이 변경되지 않습니다

Question

:hover이 작동하지 않습니다. a

코드에 유혹 할 때 div의 배경은 변경되지 않습니다

a:hover div { 
 
    background-color: yellow; 
 
}

<a href="#">b</a> 
 
<div>c</div>

Answer 1

당신은의 형제를 선택 + CSS를 selectore를 사용할 수 있습니다. 이상의 자식과 형제 선택자에 대한

에 체크를 아웃 : https://css-tricks.com/child-and-sibling-selectors/

귀하의 코드는 아이 요소를 선택합니다. 당신은 다음 형제 선택해야합니다 :

a:hover+div { 
 
    background-color: yellow; 
 
}

<a href="#">b</a> 
 
<div>c</div>