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