CSS条件-如果元素同时具有两个类

如何在CSS样式表中创建条件

这里我有一个样式表。。但是如果在元素上添加了

div.menu\u active

，那么类的行为就必须像它的悬停菜单一样？你怎么能做到

或者有没有更好的方法来构建这个解决方案的样式表

<div class="menu">menu</div>
<div class="menu menu_active">menu</div> // has to behave like menu:hover

<div class="menu_green">menu</div>
<div class="menu_green menu_active">menu</div> // has to behave like menu_green:hover

div.menu {
background:url('menu_opacity50.png');
}

div.menu_green {
background:url('menu_green_opacity50.png');
}

div.menu_active {
}

div.menu:hover {
background:url('menu_opacity100.png');
}

div.menu_green:hover {
background:url('menu_green_opacity100.png');
}

菜单
菜单//的行为必须类似于菜单：悬停
菜单
菜单//的行为必须类似于菜单绿色：悬停
分区菜单{
背景：url（“menu_opacity50.png”）；
}
绿色分区菜单{
背景：url（'menu_green_opacity50.png'）；
}
div.menu\u激活{
}
div.menu：悬停{
背景：url（“menu_opacity100.png”）；
}
div.menu_绿色：悬停{
背景：url（'menu_green_opacity100.png'）；
}

将悬停元素完全覆盖在正常状态上并隐藏它（display:none），然后使用JS/jQuery切换显示。

我想您的意思可能是：

div.menu.menu_active,
div.menu:hover {
    background:url('menu_opacity100.png');
}

div.menu_green.menu_active,
div.menu_green:hover {
    background:url('menu_green_opacity100.png');
}

---

你可能想这样做

div.menu {
    background:url('menu_opacity50.png');
}

div.menu_green {
    background:url('menu_green_opacity50.png');
}

div.menu.menu_active {
    background:url('menu_opacity100.png');
}

div.menu_green.menu_active {
    background:url('menu_green_opacity100.png');
}

---

如果我理解正确，这就是您需要的：

div.menu:hover, .menu.menu_active {
    background:url('menu_opacity100.png');
}    
div.menu_green:hover, .menu_green.menu_active {
    background:url('menu_green_opacity100.png');
}

---

.menu.menu\u active

将选择同时具有两个列出的类的元素，例如

您显示的代码似乎绝对正确。你有什么问题？这个网站是用js制作的，正在使用散列。。所以不能使用

active

我不明白。那样的话，你就不能通过jQuery添加类

active

？哦，我明白了，误解了。我忘了在课堂上包括

菜单。现予修订。