使用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主题中使超链接具有不同的颜色?
答案 0 :(得分:0)
给我的声音就像您遇到过CSS specificity。基本上,CSS规则越具体,则它比其他不那么具体的规则具有更高的优先级。例如:
a { ... }
a.primary { ... } // This rule takes precedence!
如果您的a
标签带有类primary
,则将应用第二条规则(无论它在文件中的位置如何)
您可以编辑主题以更改违规规则。
另一个不太可取的选择是在分号前添加!important
。这很可能会在以后的版本中困扰您,因此您应该避免这种情况。