我正在编辑以下网站:http://ju-jitsu.co.uk/
我没有建立这个网站，但是继承了它。
整个网站的基本链接颜色为紫色，鼠标悬停时为红色。
这很好。
然而，当我们想要改变页面链接的颜色时:http://ju-jitsu.co.uk/upcoming-events/
我们想把它改为黑色文本，然后当鼠标悬停在上面时，变为红色。
我的第一个想法是通过css:.page-id-5983 a {
color: black;
}
然而，这并没有奏效。我试过把"black"改成"#000000"，还试过把Style.CSS插入到主题和子元素中……都没有快乐。
所以现在我已经尝试了PHP路线。我已经成功克隆了默认的页面模板，并插入了修改后的模板页面名称。此文件已上载，并被接受为属性侧菜单的所有页面的有效模板文件。
我也可以成功地进入编辑器，并选择页面模板进行编辑。
我的问题是:什么代码，并插入在哪里，需要覆盖默认的链接颜色?
如果PHP不是路线，我应该追求CSS，你对代码和它应该插入的地方有什么想法吗?
多谢
添加到style.css文件
#upcoming_event:hover {
color: #ec0000 !important; /** or whatever hex color code you want **/
}
从
编辑超链接示例<a href="/upcoming-events">Upcoming Event</a>
To(给超链接添加id):
<a id="upcoming_event" href="/upcoming-events">Upcoming Event</a>
1) [!important]将覆盖原来的css设置
添加到你的CSS文件
table a{
color: #000000;
}
或
添加一个类到表中，例如"events"，然后调整你的CSS文件:
.events a{
color: #000000;
}
当前样式包含.entry a。这与您建议的选择器.page-id-5983 a具有相同的"权重"，因为两者都由一个类名和一个元素名组成。这意味着哪个最后一个会压倒另一个。
.page-id-5983 .entry a {
}
您可能需要添加其他选择器来覆盖特定类型的op链接。毕竟，紫色被应用到许多选择器上。在CSS中，我发现:
a, .entry a, .related-title, .carousel-layout2 .carousel-item-title, a .pagelink, .page-numbers {
}
所以，你可能需要通过添加.page-id-5983来改变你想要覆盖的每个选择器。
.page-id-5983 a, .page-id-5983 .entry a,
.page-id-5983 .related-title,
.page-id-5983 .carousel-layout2 .carousel-item-title,
.page-id-5983 a .pagelink, .page-id-5983 .page-numbers {
}
首先尝试给这个表一个类(因为我认为你只需要修改特定表内的链接)，例如.events-table
table.events-table a {
color: #000000;
}
table.events-table a:hover {
color: red;
}
将它们放在样式表的末尾