Html 而ol li风格适用于ul li?

Html 而ol li风格适用于ul li?,html,css,Html,Css,我正在尝试创建嵌套列表: <html> <head> <style> ol li { list-style: decimal outside none; } </style> </head> <body> <ol> <li>Digit</li> <ul> <

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

<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>
为什么我在无序列表中得到一个“十进制”标记?我想我只对
ol-li
元素应用“decimal”,而不是
ul-li

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

包含“圆”的李是ol的孙子,因此它是一个后代

(它不应该是孙子,因为
ol
唯一允许的子元素是
li
s,所以
ul
应该在
li
内(这仍然会使它成为曾孙),或者根本不在
ol
内)

您可能希望使用子选择器
而不是后代选择器(空格)

选择器显示“作为ol后代的li”

包含“圆”的李是ol的孙子,因此它是一个后代

(它不应该是孙子,因为
ol
唯一允许的子元素是
li
s,所以
ul
应该在
li
内(这仍然会使它成为曾孙),或者根本不在
ol
内)

您可能希望使用子选择器
>
,而不是子选择器(空格)

1. Digit
    1. Circle
2. Digit