使用CSS将嵌套列表中元素的所有相邻同级作为目标

这是我网站上的简化标记：

<div id="block">
    <ol>
        <li> <--
            <ol>
                <li>
                    ...
                </li>
            </ol>
        </li> <--
    </ol>       
    <ol>
        <li> <--
            <ol>
                <li>
                    ...
                </li>
            </ol>
        </li> <--
    </ol>
</div>

使用仅针对子对象的
这将自动排除
li
元素。
使用a仅针对子元素
这会自动排除
li
元素。
您可以这样做

#block > ol > li

使用>将确保它更深一层，而不是更多。
您可以这样做

#block > ol > li

#block ul > li {}

使用>将确保它更深一层，而不是更多

#block ul > li {}

有关更多信息，请参阅

有关详细信息，请参见
您可以使用子组合器选择器，但需要小心，因为某些CSS属性是继承的

例如，
列表样式
属性将仅由于选择器而应用于第一个
li
。但是，
color
属性将被继承

您可能需要根据需要使用重置规则将某些属性重置回某些默认值


#block>ol>li{
颜色：蓝色；
列表样式：圆形；
}
#区块>ol>li*{
颜色：黑色；
}

您可以使用子combinator选择器，但需要小心，因为某些CSS属性是继承的

例如，
列表样式
属性将仅由于选择器而应用于第一个
li
。但是，
color
属性将被继承

您可能需要根据需要使用重置规则将某些属性重置回某些默认值


#block>ol>li{
颜色：蓝色；
列表样式：圆形；
}
#区块>ol>li*{
颜色：黑色；
}