如何解决这个CSS链接继承问题?

如何解决这个CSS链接继承问题?,css,inheritance,hyperlink,Css,Inheritance,Hyperlink,这让我很困惑,我尝试了几件事,但我又不是很有经验,所以我可能只是走错了路。基本上,我想为导航和分页提供不同的链接样式。#导航样式正在覆盖我的.pagination样式,但分页是类还是ID似乎无关紧要。我也尝试过放置!在分页样式中很重要,但这会使导航继承分页(使用firebug检查继承) 更改#导航,在标记上使用类而不是ID上的样式。按ID设置样式更具体,因此在样式设置中获得更高的优先级。更改#导航,在标记上使用类而不是在ID上使用样式。按ID设置样式更具体,因此在样式设置中获得更高的优先级。尝试

这让我很困惑,我尝试了几件事,但我又不是很有经验,所以我可能只是走错了路。基本上,我想为导航和分页提供不同的链接样式。#导航样式正在覆盖我的.pagination样式,但分页是类还是ID似乎无关紧要。我也尝试过放置!在分页样式中很重要,但这会使导航继承分页(使用firebug检查继承)

更改#导航,在标记上使用类而不是ID上的样式。按ID设置样式更具体,因此在样式设置中获得更高的优先级。

更改#导航,在标记上使用类而不是在ID上使用样式。按ID设置样式更具体,因此在样式设置中获得更高的优先级。

尝试此更改

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

试试这个变化

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

使用:

IE6不支持它,但它正在消亡。

使用:


IE6不支持它,但它正在消亡。

谢谢,尝试过其他版本,但它仍然表现得有点奇怪,并继承了#导航样式-尝试过这个,效果不错!干杯again@Puaka我遇到了这个,这很有帮助。谢谢谢谢,尝试了其他的,但它仍然表现得有点奇怪,并且继承了#导航样式-尝试了这个,效果不错!干杯again@Puaka我遇到了这个,这很有帮助。谢谢
.pagination a:active, 
.pagination a:link, 
.pagination a:visited, 
.pagination a, 
.pagination a:focus {
#navigation > a
{
  ...
}

.pagination > a
{
  ...
}