導航CSS UL李：懸停

Question

你好新手的問題，我只是想懸停在ul.second的li.about ..有人可以幫助我在這一個..

<ul id="nav" class="clear"> 
    <li id="home"><a href="index.html"></a></li> 
    <li id="about"><a href="about.html"></a></li> 
    <ul class="second"> 
     <li><a href="www.yahoo.com">1st Link</li> 
     <li><a href="www.google.com">2nd Link</li> 
     <li><a href="www.google.com">2nd Link</li> 
    </ul> 
    <li id="gallery"><a href="gallery.html"></a></li> 
    <li id="before-after"><a href="before-after.html"></a></li> 
    <li id="loft"><a href="loft-conversations.html"></a></li> 
    <li id="case"><a href="case-studies.html"></a></li> 
    <li id="testimonials"><a href="testimonials.html"></a></li> 
    <li id="faqs"><a href="faqs.html"></a></li> 
    <li id="contact"><a href="contact.html"></a></li> 
</ul> 

CSS代碼

#navigation ul#nav li#about:hover ul.second 
{ 
    background:#CCC; 
    padding:1px; 
    margin:1px; 
    height:200px; 
    color:black; 
    z-index:1000; 
    width:200px; 
} 

Answer 1

如果您正在嘗試執行下拉菜單，請使用display: none;和display: block css屬性。