ol li风格适用于ul li吗？

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的后代的li”

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

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

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

ol li风格适用于ul li吗？

问题描述

1 个解决方案

解决方案1
6 已采纳 2012-08-03 19:41:54

ol li风格适用于ul li吗？

问题描述

1 个解决方案

解决方案1 6 已采纳 2012-08-03 19:41:54

解决方案1
6 已采纳 2012-08-03 19:41:54