Li悬停但改变锚标记中的颜色

Dou*_*Fir 0 css hover

我正在摆弄 WordPress 导航。我有一个导航,在悬停状态下,每个 li 项目的背景变为橙色,文本从黑色变为白色。

看起来有 3 种颜色。如果没有悬停<a>,则为黑色,当<li>项目悬停在<a>标签上时,文本为灰色,当您将鼠标悬停在标签中间时<a>,文本的颜色为白色。

锚文本应该有两种颜色:默认为黑色,悬停时为白色。我需要停止灰色,以便当橙色被激活时,白色文本也被激活。

此 WordPress 站点中有几段可能相关的代码。我猜测下面这些,但看不到我将在哪里编辑这个特定问题。如果有人可以提供一个指针,该网站就在这里,我什至不确定我应该尝试选择什么:

tinyurl.com/m562wgd

/*     2.2.1 Top Drop-down menu */
    .dropdown ul,
    .dropdown ul li,
    .dropdown ul ul {
      list-style: none;
      margin: 0;
      padding: 0;
    }
Run Code Online (Sandbox Code Playgroud)

.dropdown ul li {
  float: left;
  min-height: 1px;
  line-height: 1.3em;
  vertical-align: middle;
}
.dropdown ul li.hover,
.dropdown ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}
Run Code Online (Sandbox Code Playgroud)

小智 5

灰色来自于变化的不透明度。当您将鼠标悬停在锚标记上时,您只会看到白色,因为这是您设置悬停的唯一位置

添加

.dropdown ul li:hover a {
  color: white;
}
Run Code Online (Sandbox Code Playgroud)

应该这样做