html - 通过 css 选择链接

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" => .banana )。您也可以组合它们(例如 <div class="banana"> => div.banana )。因此，再举一个例子，您的测试元素的完整路径是 div#top div.nav_bar ul li a#test .