css - 如何在悬停时更改 WordPress 导航的颜色

Question

我正在使用 WordPress 上的 thrive 主题开发一个网站。我正在尝试更改博客页面上的悬停颜色，因为它的构建方式与其他页面不同。

目前在悬停时它从黑色变为白色，这不是我想要实现的。

我在网上搜索并看到一些文章和代码片段让我尝试了这个

header nav ul li a : hover {
    font-family: 'Open Sans', sans-serif;
    color: #000;
    display: block;
    font-weight: lighter;
    font-size: 14px;
    text-transform: capitalize;
    position: relative;
}

header nav > ul.menu > li > a : hover {
    color: #373737;
    font-weight: lighter;
}

我已将 : hover 应用于导航元素以尝试更改悬停时的颜色，但它不起作用。

我在这里做错了什么吗？该站点位于

http://stefanjames.com/blog/

Answer 1

您需要删除 CSS 中伪类 : 选择器周围的空格，以便它显示为:

header nav > ul.menu > li > a:hover