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; 
} 

這在技術上應該給的屬性，以每一個具有類「導航」的鏈接。但事實並非如此。只有第一個鏈接獲取屬性。我不知道他們是否沒有獲得任何財產，但至少只有第一個獲得邊界半徑的財產。

的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 

作爲the spec says，

一個僞元素可以被附加到在 鏈中的最後一個簡單選擇器，在這種情況下，樣式信息適用於每個主題的 的子部分。