我怎样才能解决这个CSS链接继承问题？

Question

我很难过，我已经尝试了几件事 - 然后我又不是很有经验，所以我可能会以错误的方式去做。基本上我想为导航和分页提供不同的链接样式。 #navigation样式虽然覆盖了我的.pagination样式，但如果分页是一个类或一个ID，它似乎并不重要。我也试过把重要的东西放在分页样式中，但这会使导航继承分页（使用firebug来检查继承）。

#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不支持它，但它正在消亡。