通過css選擇鏈接

我想在我的導航欄中選擇帶有「test」標識的鏈接，以便它們是白色的。這是我的代碼爲html ..通過css選擇鏈接

什麼CSS需要選擇它？謝謝！

<div id="top"> 
<br/> 
<img src="images/logo2.png" alt="Chez Ricardo logo"/> 
<img id="fancy" src="images/fancyFood3.png" alt="Chez Ricardo fancy food"/> 
<div class="nav_bar"> 
     <ul> 
      <li><a id="test" href="index.html">Home</a></li> 
      <li><a href="contact.html">Contact Us</a></li> 
      <li><a href="about.html">About Us</a></li> 
      <li><a href="reservations.html">Reservations</a></li> 
      <li><a href="menu.html">Menu</a></li> 
     </ul> 
    </div>

來源

2011-12-08 Teddy13

使用#nav_bar #TEST {} –

您可以只用ID選擇它直接：

#test { 
    color: white; 
}

與id="whatever"屬性任何HTML元素可以與CSS由剛剛在前面添加一個哈希標記，像#whatever來選擇。

而一般來說，可以僅舉像div一個元素選擇所有元件的，並且可以使用.whatever選擇類（例如class="banana" =>.banana）。您也可以合併它們（例如<div class="banana"> =>div.banana）。所以，就另一個例子而言，測試元素的完整路徑是div#top div.nav_bar ul li a#test。

來源

2011-12-08 06:06:05

你是什麼意思？只是改變id測試的顏色，如果它被選中？

我認爲這應該工作：

#test a:active {color:#FFFFFF;} /* active link */

來源

2011-12-08 06:09:56 datezZz

通過css選擇鏈接

回答

相關問題