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

使用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代码

我还尝试将代码添加到Wordpress Customizer的”其他CSS”部分中, 但更改仍未应用。

如何在此Wordpress Amadeus主题中将超链接更改为其他颜色？

#1

在我看来, 你可能已遇到CSS特殊性。基本上, CSS规则越具体, 则它比其他不那么具体的规则具有更高的优先级。例如：

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

如果你的标签具有主类的标签, 则将应用第二条规则(无论它在文件中的位置如何)

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

另一个不太可取的选择是在分号前添加！important。这很可能会在以后的版本中困扰你, 因此你应该避免这种情况。

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