Question

我想在导航栏中选择ID为“test”的链接，因此它们是白色的。这是我的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>

Answer 1

您可以直接通过ID：

选择它

#test {
    color: white;
}

任何带有id="whatever"属性的html元素都可以通过在前面添加一个哈希标记来选择css，例如#whatever。

一般来说，您只需将div这样的元素命名为选择所有元素，就可以使用.whatever来选择类（例如class="banana" =＆gt; {{ 1}}）。您也可以将它们组合在一起（例如.banana =＆gt; <div class="banana">）。因此，仅举一个例子，测试元素的完整路径是div.banana。

Answer 2

你是什么意思？如果选择了id测试，只需更改它的颜色吗？

我认为这应该有效：

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

通过css选择链接

2 个答案: