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

时间:2019-02-18 17:33:16

标签: html css wordpress hyperlink wordpress-theming

使用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 Customizer的“ Additional CSS”部分中,但更改仍未应用。

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

1 个答案:

答案 0 :(得分:0)

给我的声音就像您遇到过CSS specificity。基本上,CSS规则越具体,则它比其他不那么具体的规则具有更高的优先级。例如:

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

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

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

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

如果您想了解有关管理CSS的更多信息,请尝试阅读有关ITCSSBEM的信息。