CSSの使用のためのIdentiflyリストアイテム？

Question

参照してください、私はちょうどhtmlとCSSを使用して自分のウェブサイトを構築します。私は自分自身でほとんどの事を考え出していますが、私はこの問題を解決する方法を見つけることができません、私は限られた知識のためだと思います。私はこの単純なリストを持っている：

<ul class="nav"> 
    <li><a href="#">HOME</a></li> 
    <li><a href="#">GALLERY</a></li> 
    <li><a href="maps.html">PARKING</a></li> 
    <li><a href="#">DOGS</a></li> 
    <li><a href="#">ABOUT</a></li> 
</ul> 

私は今ので、私は何とかそれを識別するために必要なので、私は以下のようにそれを型にはめることができ、それがクリックされた3番目の項目の外観を変更したい：

.nav > li > a { 
text-decoration:none; 
font-size: 20px; 
color: #ffffff; 
} 

上記の例のように、私は外見をスタイリングしたいが、すべてのアイテムではなく、ちょうど1つのものをスタイリングする。 私を助けることができますか？すみませんでしたら申し訳ありません。

Answer 1

私はそれに基づいてスタイルとスタイルを追加したいと思います。ここでセレクターに特化したスーパーを得る理由はありません。

<li><a href="maps.html" class="parking">Parking</a></li> 

次に、あなたのCSSにあなたが行うことができます：

.parking:active { 
    ... 
} 

Answer 2

あなたは3番目のリスト項目のリンクターゲットに:active擬似クラスで:nth-child擬似クラスを使用することができます。

.nav > li:nth-child(3):active > a { 
 
    text-decoration: none; 
 
    font-size: 20px; 
 
    color: #ffffff; 
 
}

<ul class="nav"> 
 
    <li><a href="#">HOME</a> 
 
    </li> 
 
    <li><a href="#">GALLERY</a> 
 
    </li> 
 
    <li><a href="maps.html">PARKING</a> 
 
    </li> 
 
    <li><a href="#">DOGS</a> 
 
    </li> 
 
    <li><a href="#">ABOUT</a> 
 
    </li> 
 
</ul>

を