无法在css导航栏中将字体颜色更改为白色答案

【问题标题】：cant change font color to white in css navbar无法在css导航栏中将字体颜色更改为白色
【发布时间】：2021-04-28 01:39:35
【问题描述】：

我正在尝试将我的 .blou 类的颜色设为白色这是来自 wordpress 主题

 .nav-menu ul li a {
    color: #222;
    padding: 10px 15px;
    font-size: 15px;
    display: block;
    font-weight: 600;
}
.nav-menu ul li a:hover {
   background-color: #000F3A;
    color:white;
 
}

然后我添加了这个`

.nav-menu ul li.blou1 {
   background-color: #000F3A;
    color:white!important;
 
}`

由于某种原因，背景确实发生了变化，但文本颜色没有变为白色，请帮助某人

我的菜单包含

首页|图库|联系方式|关于|会员|登录(.blou1类)|注册(.blou1类)

当我将鼠标悬停在 blou1 类上时，它应该删除背景并将文本更改为黑色或其他内容

【问题讨论】：

您可以发布导航链接的 HTML 吗？如果您按照建议将.blou1 添加到<li>，请尝试使用此选择器：.nav-menu ul li.blou1 a:hover（您需要定位<a> 的颜色而不是<li> 的颜色以影响悬停状态样式）。
哦，如果您使用正确的选择器，则不需要!important，因为按类选择元素被认为比仅按元素类型选择更具体。 developer.mozilla.org/en-US/docs/Web/CSS/…
我去了外观菜单|在我的菜单项下，我将我想要的课程添加到课程标签
您可能需要学习如何使用浏览器的开发工具来了解 HTML 的结构。这将取决于您的 wordpress 主题，即应用 .blou1 类的元素以及该元素与您实际想要设置样式的元素的关系。这是初学者文章的链接，可帮助您查看哪个元素具有 blou1 类，如果您使用的是 Google Chrome：developers.google.com/web/tools/chrome-devtools/css 如果您使用的是其他浏览器，请搜索“开发人员工具 css {您的浏览器}”
谢谢我用 .nav-menu ul li#menu-item-192 a{ background-color: #000F3A;白颜色; }

标签： css wordpress

【解决方案1】：

尝试添加此代码 sn-p 而不是您添加的 sn-p，它应该可以工作：

.blou1 {
    background-color: #000F3A;
    color:white!important;
}

.blou1:hover {
    color:black;
}

【讨论】：

您是否已将类名添加到您的 html 标签中？如果你能粘贴一些代码就好了。
不，我使用 wordpress 中的下拉选项，即为您的菜单项设置 Class