通过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选择链接

回答

相关问题