html - 带有嵌套列表的 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 元素

这有帮助吗？