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要素がちょうど#whateverのように、前にハッシュマークを追加することにより、CSSで選択することができます。

そして一般的に言えば、あなただけのその要素のすべてを選択するにはdivのような要素に名前を付けることができ、あなたは、クラス（例えばclass="banana" =>.banana）を選択し.whateverを使用することができます。それらを組み合わせることもできます（例：<div class="banana"> =>div.banana）。したがって、別の例の場合、テスト要素のフルパスはdiv#top div.nav_bar ul li a#testです。

Answer 2

どういう意味ですか？それが選択されている場合、idテストの色を変更するだけですか？

私は、これは動作するはずだと思う：

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