css - 导航菜单 li 激活时的背景

Question

我知道这应该很简单，但不能“得到它”

我有一个导航，当菜单项悬停时，背景变为橙色，文本变为白色。

我也想将此应用到活动页面，但没有任何乐趣。

这是代码：

.dropdown ul li.active,
.dropdown ul li:hover,
.dropdown ul li.on {
    background-color: orange;
    opacity:0.4;
}

和

.dropdown ul li:hover,.dropdown ul li:active,.dropdown ul li:hover a {
  color: white;
  background: orange;
}

我认为这就是所有相关代码，该网站在这里以防有人认为我错过了一些东西 tinyurl.com/m562wgd

Answer 1

active您的 html 中没有定义类。

利用

.dropdown ul li.current_page_item,
.dropdown ul li:hover,
.dropdown ul li.on {
    background-color: orange;
    opacity:0.4;
}

.dropdown ul li.current_page_item a {
    color:#fff;
}

反而 ：）