如何在 Wordpress Amadeus 主题中使超链接具有不同的颜色？

Question

使用 Wordpress Amadeus 主题（免费版）我尝试让超链接可见。在 Wordpress 定制器的“颜色”部分中没有更改超链接颜色的选项。

我将 CSS 代码修改为不同的颜色，但更改未生效。

然后我将代码添加到主题的 style.css 文件中（按照 YouTube 视频中的说明）并将修改后的文件上传回网站。

我添加的代码是：

    /* unvisited link */
a:link {
color: blue;
}

/* visited link */
a:visited {
color: green;
}

/* mouse over link */
a:hover {
color: orange;
}

/* selected link */
a:active {
color: red;
}

右击页面上的链接，选择“检查元素”后，我发现a:link标签的CSS代码被划掉了，使其无效。

CSS code for hyperlink colour change

我还尝试将代码添加到 Wordpress 定制器中的“附加 CSS”部分，但更改仍未应用。

如何在这个 Wordpress Amadeus 主题中将超链接设置为不同的颜色？

Answer 1

听起来你可能遇到过CSS specificity。基本上，一个 CSS 规则越具体，它对其他不太具体的规则的优先级就越高。例如：

a { ... }
a.primary { ... } // This rule takes precedence!

如果你有一个a 类的primary 标记，则将应用第二条规则（无论它在文件中的什么位置）

您可以编辑您的主题以更改违规规则。

另一个不太可取的选项是在分号前添加!important。这很可能会在以后的版本中再次困扰您，因此您应该避免这种情况。

如果您想了解有关管理 CSS 的更多信息，请尝试阅读 ITCSS 和 BEM。