我该如何解决这个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的支持，但它正在死去。