Html 下拉菜单-项目相关性

是我菜单的全部代码。为了清楚起见，我不再在这里发布了

一些代码解释：

id=“onlink”

表示已单击链接。该页面处于活动状态

我想要的是当

菜单

是

联机

时，它的整个子菜单（这里是：

子菜单

和

子菜单2

）也应该可见（注意，我们没有单击任何特定的子菜单）

有可能在纯css中建立这种依赖关系吗

---

到目前为止，子菜单仅在菜单悬停时弹出，然后消失

您可以使菜单及其子菜单共享同一类，然后使用

.class:hover {
  // Your CSS code
}

---

您可以使菜单及其子菜单共享同一类，然后使用

.class:hover {
  // Your CSS code
}

---

只需使用扩展选择器，将

#onlink

之后的每个

.sub菜单

都包括在内

---

只需扩展您的选择器，使用

---

我认为即使

菜单

不是

ONLINK

，您也希望子菜单也能悬停。这里有一个解决方案。希望这就是你要找的。我使用了

opacity

css属性

#menu li ul.sub-menu {
    opacity: 0;
    position:absolute;
}

    #menu li ul.sub-menu a {
        border: none;
        background: none;
        display: block;
    }

    #menu li:hover .sub-menu {
       opacity:1;
        width: 150px;
        text-align: center;
    }

---

这是一把小提琴

我想你也希望在

菜单

不是

ONLINK

之后，子菜单也能悬停。这里有一个解决方案。希望这就是你要找的。我使用了

opacity

css属性

#menu li ul.sub-menu {
    opacity: 0;
    position:absolute;
}

    #menu li ul.sub-menu a {
        border: none;
        background: none;
        display: block;
    }

    #menu li:hover .sub-menu {
       opacity:1;
        width: 150px;
        text-align: center;
    }

---

这里有一个fiddle

但更好的解决方案：）但更好的解决方案：）p.S-注意，将来如果你有多个下拉菜单，你必须定义

z-index

es等到

子菜单

S.p.S-注意，如果你有多个下拉菜单，您必须在

子菜单中定义
z-index
es等。实际上，您已经在我前面考虑过了。这是我将很快尝试实现的功能，非常感谢您提供的解决方案。我接受Itay的回答，因为它解决了我最初的问题。实际上，你比我想得早。这是我将很快尝试实现的功能，非常感谢您提供的解决方案。我接受了Itay的答案，因为它解决了我最初的问题。