如何选择李的第一个兄弟姐妹的第一个孩子？

Question

我想从我的css选择器中选择嵌套的li

演示

li:first-child {
    background-color: rgb(236, 236, 236);
    list-style-type: none;
    margin-bottom: 3px;
    padding: 8px;
}

<ul>
    <li>to be selected</li>
    <li></li>
    <li>
        <ul>
           <li>not to be selected</li>
           <li></li>
           <li></li>
        </ul>
    </li>
        
</ul>

Answer 1

无论第一个的父母是什么ul,然后使用>(这意味着直接的孩子,在这里了解更多).像这样.

body > ul > li:first-child {
    background-color: rgb(236, 236, 236);
    list-style-type: none;
    margin-bottom: 3px;
    padding: 8px;
}

<ul>
    <li>to be selected</li>
    <li></li>
    <li>
        <ul>
            <li>not to be selected</li>
            <li></li>
            <li></li>
        </ul>
    </li>
</ul>