我該如何解決這個CSS鏈接繼承問題？

Question

這讓我很難過，我嘗試了一些東西 - 然後我又不是很有經驗，所以我可能會以錯誤的方式去做。基本上我想爲導航和分頁有不同的鏈接樣式。 #navigation樣式雖然覆蓋了我的.pagination樣式，但如果分頁是類或ID，則不會出現問題。我也嘗試過把！重要的分頁樣式，但這導致導航繼承分頁（使用螢火蟲檢查繼承）。

#navigation a:active, a:link, a:visited, a, a:focus { 
color: #ffde2f; 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 24px; 
text-decoration: none; 
} 

#navigation a:hover { 
color: #ffffff; 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 24px; 
text-decoration: none; 
} 

.pagination a:active, a:link, a:visited, a, a:focus { 
color: #fff; 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 14px; 
text-decoration: none; 
} 

.pagination { 
color: #fff; 
font-size: 14px; 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 

} 

Answer 1

嘗試這種變化

.pagination a:active, a:link, a:visited, a, a:focus { 

到

.pagination a:active, 
.pagination a:link, 
.pagination a:visited, 
.pagination a, 
.pagination a:focus { 

Answer 2

更改#navigation，在標籤上使用一個類而不是ID上的樣式。由ID造型更具體，因此在造型上獲得更高的優先權。

Answer 3

使用child selector：

#navigation > a 
{ 
    ... 
} 

.pagination > a 
{ 
    ... 
} 

它不是由IE6的支持，但它正在死去。