活动时导航菜单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;
}

代替：）