CSSは、私は次のコードを持っている同じクラス

Question

ですべてのリンク上では動作しません。技術的にはクラス「ナビゲーション」を持っているすべてのリンクにプロパティを与えるべき

a.navigation, a:active.navigation, a:visited.navigation { 
    font-weight: bold; 
    text-decoration: none; 
    background-color: transparent; 
    color: #fff; 
    padding: 2px 4px 0px 6px; 
    margin-right: 5px; 
} 
a:hover.navigation { 
    font-weight: bold; 
    text-decoration: none; 
    background-color: #c53838; 
    color: #fff; 
    border-radius: 2px; 
} 

。しかし、それはしません。最初のリンクのみがプロパティを取得します。彼らはプロパティを取得していないか分からないが、少なくとも最初のものだけがborder-radiusプロパティを取得する。

HTMLは次のようになります。

<a href="index.html" class="navigation">Startseite</a> 
<a href="lexikon.html" class="navigation">Lexikon</a> 
<a href="historie.html" class="navigation">Historie</a> 
and more 

しかし、第二に、この

などの第三及び第四の外観をホバリング時にすべてのリンクは次のようになりもの

Answer 1

あなたはwrを持っていますあなたのセレクタを間違ってください。

a.navigation:hover 

に擬似要素は、場合スタイル チェーンの最後の単純セレクタに付加することができる1つの

、 the spec saysほど擬似セレクタは、クラスの後に来なければなりません情報はそれぞれのサブジェクト のサブパートに適用されます。