html - 如何覆盖锚标记属性？

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;
}​

现场测试用例。

这将覆盖所有其他样式，包括内联样式，如果您担心跨浏览器兼容性，那么您不应该：哪些浏览器支持“！important”？

Answer 3

在输出 HTML 中标识类别小部件的 ID。假设id="widget-cat"，然后按如下方式创建一个 CSS 规则来覆盖该小部件中的链接颜色，例如

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

使用!important确实是覆盖样式的最后手段，我建议仅在需要覆盖无法更具体且由您无法控制的第三方开发人员编写的 CSS 规则时才使用它。