javascript - 在CSS中隐藏菜单项

Question

我有一个自动生成树的程序。看起来像

<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 来做？

Answer 1

这可能是要使用的 CSS 规则:

.boxfornamegroupsparts {
   display: none;
}

.linamesystem:hover + .boxfornamegroupsparts {
    display: block;
}

编辑:正如 Paulie_D 所指出的，这是无效的 HTML 标记，ul 不能/不应该是其他 ul 元素的直接子元素.