在css中隐藏菜单项
在css中隐藏菜单项
提问于 2015-07-13 10:43:18
我有一个自动生成树的程序。看起来像是
<li class="linamesystem">Alternator</li>
<ul class="boxfornamegroupsparts">
<li class="linamegroup"><a href="#top(1)">Alternator2</a></li>
<li class="linamegroup"><a href="#top(2)">Krmilnik alternatorja (regler)</a></li>
</ul>
Alternator -> Alternator2
->Krmilnik悬停发电机父程序和显示linamegroup子程序的css代码是什么？
还是我应该用javascript来做呢？
回答 3
Stack Overflow用户
回答已采纳
发布于 2015-07-13 10:45:23
这可能是CSS使用的规则：
.boxfornamegroupsparts {
display: none;
}
.linamesystem:hover + .boxfornamegroupsparts {
display: block;
}编辑:正如Paulie_D指出的，这是无效的HTML，ul不能/不应该是其他ul元素的直接子元素。
Stack Overflow用户
发布于 2015-07-13 10:53:25
可能这只是你的一段代码。真正的应该是这样的：
<ul>
<li></li>
<li>
<ul>
<li></li>
</ul>
</li>
</ul>无论如何，要实现您想做的事情，只需使用以下css：
.linamesystem:hover .boxfornamegroupsparts {
display:block;
}Stack Overflow用户
发布于 2015-07-13 11:39:33
我已经为您创建了一个类似的小提琴，演示了带有子菜单的水平菜单。诀窍是首先隐藏linamegroup，并在linamesystem悬停时显示它。
.linamegroup { display: none;}
.linamesystem:hover .linamegroup { display: block; }页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/31381235
复制相关文章
相似问题
腾讯云开发者
