0

我正在尝试创建嵌套列表：

<html>
  <head>
    <style>
      ol li {
        list-style: decimal outside none;
      }
    </style>
  </head>
  <body>
    <ol>
      <li>Digit</li>
      <ul>
        <li>Circle</li>
      </ul>
      <li>Digit</li>
    </ol>
  </body>
</html>

但我得到的是：

1. Digit
    1. Circle
2. Digit

为什么我在无序列表中得到一个“十进制”标记？我想我只将“十进制”应用于ol li元素，而不是ul li.

4

1 回答 1

6

选择器说“一个 li 是 ol 的后代”

包含“Circle”的 li 是 ol 的孙子，所以它是后代。

（它不应该是孙子，因为 an 唯一允许的子元素ol是lis，所以ul应该在 an 内li（这仍然会使其成为曾孙）或根本不在里面ol）。

您可能希望使用子选择器>而不是后代选择器（空格）

于 2012-08-03T19:41:54.087 回答