具有嵌套列表的css菜单列表

Question

我正在尝试重新创建此类型（example 1，example 2）的菜单列表样式，但我需要它才能处理嵌套列表，我不知道该怎么做。有没有人有任何见解如何做到这一点？

即（带最小标记）：

<ul>
  <li>one</li>
  <li>two
    <ul>
      <li>two and half</li>
    </ul>
  </li>
</ul>

非常感谢！

Answer 1

我不知道您尝试应用哪种样式，但我可以为每个级别开始使用空的CSS规则：

• ul { /* CSS properties here */ }可让您设置所有ul元素
的样式
• ul > li > ul { ... }将覆盖内部ul元素的应用CSS样式，因为选择器具有更高的specificity
• 同样，对于li元素，请使用规则li { ... }作为外部li元素，
• ul > li > ul > li { ... }用于内部li元素

这有帮助吗？