html - 在 CSS 中格式化缩进列表

Question

假设我有一个列表，具有任意数量的缩进级别，如下所示:

Item
  Item
    Item
Item
  Item
Item
  Item
  Item
    Item
      Item
        Item

如果我在 HTML 文档中显示此列表，我如何使用 CSS 来处理缩进？可能有任意数量的缩进级别(尽管在实践中不会超过 5 个左右)。

我不想创建一个缩进 10 像素的“indent1”类，一个缩进 20 像素的“indent2”类，等等——这很笨拙。是否可以创建一个通用规则，根据属性值或元素在层次结构中的位置缩进一定距离？

Answer 1

你会这样做:

https://www.w3schools.com/html/tryit.asp?filename=tryhtml_lists_nested2

并设置 <li> 的样式如果您愿意，元素可以没有子弹。