Выбор ссылки через CSS

Question

Я хочу выбрать ссылку с идентификатором «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 a:active {color:#FFFFFF;}  /* active link */

Answer 2

Вы можете просто выбрать его напрямую по id:

#test {
    color: white;
}

Любой html-элемент с атрибутом id="whatever" можно выбрать с помощью css, просто добавив перед ним метку хеша, например #whatever.

И, вообще говоря, вы можете просто назвать элемент, например, div, чтобы выбрать весь этот элемент, и вы можете использовать .whatever для выбора классов (например, class="banana" => .banana). Вы также можете комбинировать их (например, <div class="banana"> => div.banana). Итак, просто для другого примера, полный путь вашего тестового элемента - div#top div.nav_bar ul li a#test.