div 안에있는 모든 링크를 어떻게 변경합니까?

Question

div 안에 마우스가 있으면 주어진 div 내의 모든 링크를 어떻게 바꿀 수 있습니까?

내가이 설정 한 :

nav.main { 
    border: 1px dashed black; 
    width: auto; 
    height: auto; 
    overflow: hidden; 
    list-style: none; 
} 

nav a { 
    color: black; 
    text-decoration: none; 
} 

div.button:hover, a:hover { 
    position:relative; 
    background:#000000; 
    color: white; 
} 

이 내가하고 싶은,하지만 당신은 링크 자체 유혹, 대신에 링크를 변경 할 때 그것은 단지 링크 색상이 변경됩니다 정확히 수행 마우스가 div 안에있을 때의 색상.

어떻게 수정합니까?

Answer 1

마지막 부분을 div.button:hover, a:hover에서 div.button:hover a으로 바꿉니다. 이렇게하면 적어도 하나의 링크를 끌 필요가 없습니다, 단지 div.

예 : http://jsfiddle.net/GBzbp/

Answer 2

div.button:hover, a:hover { 
    position:relative; 
    background:#000000; 
    color: white; 
} 

to: 

div.button:hover a { 
    position:relative; 
    background:#000000; 
    color: white; 
} 

Answer 3

는 마지막 스타일을 변경

. thusly 히, 쉼표와 두 번째 :hover을 제거

div.button:hover a

Answer 4

내가 확실하게 당신의 HTML을 볼 필요가 싶지만, 난 당신이 바로이 세 번째 선택 변경할 필요가 있다고 생각 :

div.button:hover a { 
    position:relative; 
    background:#000000; 
    color: white; 
} 

을