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

您的 html 中没有定义 active 类。

使用

.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;
}

代替:)