css - 我该如何解决这个 CSS 链接继承问题？

Question

这让我感到难过，我已经尝试了一些事情 - 然后我又不是很有经验，所以我可能只是以错误的方式去做。基本上我想为导航和分页设置不同的链接样式。 #navigation 样式覆盖了我的 .pagination 样式，分页是类还是 ID 似乎并不重要。我也试过将 !important 放在分页样式中，但这会使导航继承分页(一直使用 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 {