问为什么"ol li“的CSS对"ul”中的子弹(但在“ol”中的"li“)中的"ul”超过了“ul li”？

EN

它显示出乌利风格的划出和凌驾于奥利。

因为ul在ol中，所以li是两个list元素的后代，所以这两个选择器都会应用。

这两个选择器具有相同的特异性，因此它们是应用按顺序。

您已经在样式表中的ol li样式之后定义了ul li样式，因此它们覆盖了前面的样式。

您可以使用一个更具体的选择器来锁定更深层次的列表：

ol ul li { }

或者您可以使用子组合器而不是后代组合器：

ol > li {}
ul > li {}

(请注意，将ul作为ol的子级是无效的。嵌套列表应该出现在li中。)

如果你把你的内部，它会工作：

<ol>
    <li>First level element, ordered
        <ul>
            <li>Unordered list</li>
        </ul>
    </li>
</ol>

http://jsfiddle.net/6tGvA/

在您的版本中，没有将无序列表嵌套在li项中以进行适当的缩进，因此忽略了ul。