試圖改變子菜單鏈接的顏色

我有隱藏的子菜單導航，當他們的父菜單鏈接懸停時顯示。我有點卡在如何實際定位與父導航項目列表的鏈接。試圖改變子菜單鏈接的顏色

這裏是我的代碼：

<nav id="nav"> 
     <ul> 
     <li><a href="#">Home</a></li> 
     <li><a href="#">About</a></li> 
     <li> 
      <a href="#">Categories</a> 
      <ul> 
       <li><a href="#">12" Vinyl album</a></li> 
       <li><a href="#">12" Vinyl single</a></li> 
       <li><a href="#">7" Vinyl album</a></li> 
       <li><a href="#">7" Vinyl single</a></li> 
       <li><a href="#">CD</a></li> 
       <li><a href="#">DVD</a></li> 
       <li><a href="#">Book</a></li> 
       <li><a href="#">Calendar</a></li> 
       <li><a href="#">Other</a></li> 
      </ul> 
     </li> 
     </ul> 
</nav>

我都試過，沒有任何運氣如下：

nav li ul li a:link{ 
    color:#fba326; 
}

來源

2012-06-05 crm

我看到的唯一的問題是，你應該使用：鼠標懸停在一個代替：鏈接像這樣

nav li ul li a:hover{ 
    color:#fba326; 
}

來源

2012-06-05 00:18:02

加入NAV李UL立一個：訪問{ \t顏色：＃fba326; }似乎使它工作。 – crm

visited是用於以前已經訪問過的鏈接。你可能會得到不需要的彩色鏈接。我建議使用懸停，並將訪問設置爲默認顏色，以確保您在頁面中時不會出現不需要的彩色鏈接等不良行爲 –

如果您試圖覆蓋鏈接的默認顏色。下面的CSS會起作用。

nav li ul li a { 
    color: #fba326; 
}

來源

2012-06-05 00:21:31

試圖改變子菜單鏈接的顏色

回答

相關問題