Question

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

<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。

Answer 1

选择器上写着“是一个ol的后代”

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

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

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

虽然ol li风格适用于ul li？

1 个答案: