php - 更改单个页面的链接颜色

Question

我正在编辑以下网站:http://ju-jitsu.co.uk/

我没有设置网站，但继承了它。

整个网站，基本链接颜色为紫色，鼠标悬停时为红色。

这很好。

但是，我们想要更改页面上的颜色链接: http://ju-jitsu.co.uk/upcoming-events/

我们想将其更改为黑色文本，然后当鼠标悬停在上方时，它变为红色。

我的第一个想法是通过 css 做到这一点: .page-id-5983 { 颜色:黑色; }

然而，这并没有奏效。我试过将“black”更改为“#000000”，并尝试插入主题和 child 的 Style.CSS 中......所有这些都没有乐趣。

所以现在我已经尝试了 PHP 路线。我已成功克隆默认页面模板，并插入修改后的模板页面名称。这已上传并被接受为属性侧菜单所有页面的有效模板文件。

我也可以成功进入编辑器，并选择要编辑的页面模板。

我的问题是:需要什么代码以及插入的位置来覆盖默认链接颜色？

如果 PHP 不是路线，我应该追求 CSS，关于代码和应该插入的位置有什么想法吗？

非常感谢

Answer 1

将其添加到 style.css 文件中

#upcoming_event:hover {
color: #ec0000 !important; /** or whatever hex color code you want **/
}

编辑超链接示例来自:

<a href="/upcoming-events">Upcoming Event</a>

到(给超链接添加一个id):

<a id="upcoming_event" href="/upcoming-events">Upcoming Event</a>

1) [!important] 将覆盖原来的 css 设置

2) 使用 id 而不是 class 将防止覆盖同一类下的其他人，因为 id 是唯一的。