CSS中的悬停问题 - 覆盖

Question

好的,这是我放在母版页上的css代码,所以它也适用于所有子页面:

Master.css

a
{
  color:Red;
}

a:hover
{
  color:Blue;
}

现在在某些页面上,我需要更改链接的颜色和悬停颜色,如:

一些子页面

a
{
  color:Gray;
}

a:hover
{
  color:Maroon;
}

但问题是它不会改变我后来定义的方式.我使用了具体id和class方法,但它们也不起作用.

当我想改变一些特定的元素样式时,我使用内联样式属性来实现它,但现在:hover发挥作用,我不认为我可以声明它内联.

Answer 1

CSS根据声明的具体程度在冲突的规范之间进行选择.

您可以通过指定类,ID或添加!important到css声明的末尾来提高特异性.例如:

a:hover
{
  color:Maroon;
}

将被覆盖

a.link:hover
{
  color:Blue;
}

将被覆盖

#link1:hover
{
  color:Red;
}

将被覆盖

a:hover
{
  color:Green !important ;
}