當我將鼠標懸停在div上時，我希望它的背景從黑色變爲白色，並且鏈接的文本從白色變成黑色

Question

我的div的背景是黑色的，鏈接的文本是白色的。

#menu { 
background-color:black; 
width:20%; 
float:left; 
} 

而實際的div。

<div id="menu"><a href="http://menu.com">Menu</a> 

我該如何做到這一點，當我把它懸停在它上面時，鏈接文本變成黑色，div的背景變黑了？

Answer 1

Use :hover pseudo class 

#menu:hover a { 
color: #000; 
} 

#menu:hover { 
background-color: #fff; 
} 

Answer 2

這是您想要的輸出嗎？

<div id="menu"><a href="http://menu.com">Menu</a></div> 

#menu { 
background-color:black; 
width:20%; 
float:left; 
} 
a{ 
    color: white; 
} 
#menu:hover 
{ 
    background-color: white; 
} 
#menu:hover a 
{ 
    color: black; 
}