水平ナビゲーションリストをフォーマットしようとしています

Question

したがって、水平ナビゲーションリストをフォーマットしたいと思います。私のHTMLページでは、それは言う：

<nav class="horizontal"> 
    <ul> 
     <li><a href="#">Home</a></li> 
     <li><a href="#">News &amp; Events</a></li> 
     <li><a href="#">Bookings</a></li> 
     <li><a href="#">Members Only</a></li> 
     <li><a href="#">Support GCC</a></li> 
    </ul> 
    </nav> 

だから私のCSSファイルで、私はこれを置くが、動作するように見えるdoesntの：

Nav.Horizontal { 
    background-color:rgb(0,0,0); 
    color: rgb(255,255,255); 
    font-weight: bold; 
    font-size:10px; 
    letter-spacing:3px; 
} 

a:Nav.Horizontal { 
    color:rgb(255,0,0) 
} 

Answer 1

これはトリックを行う必要があります。

nav.horizontal li { 
    display: inline-block; 
} 

もa:Nav.horizontalが間違ったセレクタです。 CSSでは、:セレクタを使用して、訪問済みリンクやチェック入力のような特別な状態の要素を選択します。 pseudo-clasesを参照してください。

navの中にaのスタイルを設定する場合は、nav.horizontal aと書いてください。 （通知navは小文字である）。