我正在尝试创建嵌套列表:
<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>
Run Code Online (Sandbox Code Playgroud)
但我得到的是:
1. Digit
1. Circle
2. Digit
Run Code Online (Sandbox Code Playgroud)
为什么我在无序列表中得到"十进制"标记?我想我只将"十进制"应用于ol li元素,而不是ul li.
选择器说"An li是ol的后代"
含有"圆圈"的李是ol的孙子,所以它是一个后代.
(它不应该是孙子,因为a中唯一允许的子元素ol是lis,所以它ul应该在一个li(它仍然会使它成为一个曾孙)或者根本不在其中ol.
您可能希望使用子选择器>而不是后代选择器(空格)