如何覆盖锚标签属性？

Question

我的style.css中已经有了这个代码（使用wordpress）：

a:link, a:visited {
    color: #3088FF;
    text-decoration: none;
}

我想更改类别的锚文本颜色，字体样式，粗体等。我怎样才能覆盖这个？

Answer 1

如果必须覆盖现有样式，请使用!important声明。例如，

.myStyledLink{
    color: #FFF !important;
}

Answer 2

假设您的意思是锚已具有您希望使用CSS覆盖的内联样式，请使用!important关键字：

<a href="#" style="color: red;">hello</a>​​​​​​​​​​​​​​​​

CSS：

a:link, a:visited {
    color: #3088FF !important;
    text-decoration: none;
}​

Live test case

这会覆盖所有其他样式，包括内联样式，如果您担心跨浏览器兼容性，那么您不应该：What browsers support "!important"?

Answer 3

在输出HTML中标识类别小部件的ID。让我们说id="widget-cat"，然后创建一个CSS规则，如下所示，以覆盖该小部件中的链接颜色，例如。

#widget-cat a:link, #widget-cat a:visited  {
    color: #FFF;
}

!important的使用实际上是覆盖样式的最后手段，我建议只有在需要覆盖不能更具体且由第三方编写的CSS规则时才使用它你无法控制的开发者。