使用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。这很可能会在以后的版本中困扰你, 因此你应该避免这种情况。
【如何在WordPress Amadeus主题中使超链接具有不同的颜色()】如果你想了解有关管理CSS的更多信息, 请尝试阅读有关ITCSS和BEM的内容。
推荐阅读
- 我如何重命名我的WordPress活动主题文件夹
- 如何在wordpress主题中的每个帖子上使用Vanilla JS逐步增加动画延迟
- Linux中find命令学习笔记
- 离线安装docker
- cocos2d-x从c++到js17(使用FireFox进行JS远程调试)
- 十四 手游开发神器 cocos2d-x editor 之串联游戏流程
- docker离线安装脚本
- cocos2d-x自制工具09(复活!x2屏幕适配方案)
- Kafka集群搭建