CSS降下セレクタ：いくつかの作業中にしないでください

Question

私はそのページにいるときに特定の色になるようにナビゲーションリンクのスタイルを設定しようとしています。

HTML：

<nav> 
    <ul> 
     <li><a href="index.html" class="selected">Portfolio</a></li> 
    </ul> 
    </nav> 

CSS：

nav a.selected { 
    color: #000; 
} 

上記のコードで動作します。しかし、私がnavセレクターを削除して使用したばかりの場合

a.selected { 
    color: #000; 
} 

このコードは機能しません。

＃000のクラスを選択したアンカー要素が必要な場合はどうすればよいですか？

Answer 1

ここでの問題は、あなたのセレクタの特異のようです。

意味：上記よりも多くの意味を保持している

nav ul li a.selected { 
    color: #000; 
} 

：

nav a.selected { 
    color: #000; 
} 

はとまったくないようです。

だからあなたa.selectedが動作するためには、あなたはちょうどあなたがあなたのグローバルアンカー変調器に適用される、またはからより具体的なセレクタを適用する色としてグローバル変調器作り、その前navを削除する必要があります（第2ブロック）上：学習者として

a { 
    color: #6ab47b; 
} 
a.selected { 
    color: #000; 
} 

、私はあなたがしようとするとMozilla Developer Network (MDN)年鑑にこだわるお勧めします。