我正在摆弄 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)
应该这样做