Html 通过css选择链接

Html 通过css选择链接,html,css,xhtml,web,Html,Css,Xhtml,Web,我想在导航栏中选择id测试为白色的链接。这是我的html代码 选择它需要什么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">

我想在导航栏中选择id测试为白色的链接。这是我的html代码

选择它需要什么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>

您可以直接按id选择:

试验{ 颜色:白色; } 任何id=where属性的html元素都可以通过css选择,只需在前面添加一个散列标记,如where


一般来说,你可以命名一个元素,比如div来选择所有的元素,你可以使用.which来选择类,比如class=banana=>.banana。您也可以将它们组合在一起,例如=>div.banana。那么,再举一个例子,测试元素的完整路径是divtop div.nav_bar ul li atest。

你是什么意思??如果选择了id测试,只需更改其颜色

我认为这应该奏效:

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