css - 多子选择器 CSS

Question

如果我有以下代码：

<ul>
    <li>Unordered item</li>
    <li>Unordered item
        <ol>
            <li>Item 1</li>
            <li>Item 2</li>
        </ol>
    </li>
</ul>

如何在不使用:last-child 的情况下使用:nth-child选择器访问第 2 项？

谢谢你。

标签： csscss-selectors

Answer 1

使用nth-child(2)

ol li:nth-child(2){
color:red;}

<ul>
    <li>Unordered item</li>
    <li>Unordered item
        <ol>
            <li>Item 1</li>
            <li>Item 2</li>
        </ol>
    </li>
</ul>