CSS仅选择未排序列表中的未排序列表（内部列表）

Question

您好我想在不使用class=""参数

的情况下选择内部未排序列表

我可以使用"ul li {}"选择外部列表但是如何仅选择内部列表

＆ ＃13;

＆＃13;

    <ul class="listStyleBlueSquare">
        <li>outer List element</li>
        <li>Headline of inner list:
            <ul class="listStyleSquare">
                <li>Inner List element</li>
            </ul>
        </li>
    </ul>

＆＃13;

＆＃13;

＆＃13;

Answer 1

尝试以下方法之一：

ul li ul li{}
ul ul li{}
li li{}

或使用＆＃34;＆gt;＆＃34;

ul > li > ul > li{}
ul ul > li{}

Answer 2

它的

• ul li ul li{ your-rules: here; }

• ul > li > ul >li{ your-rules: here; }

• ul ul li { your-rules: here; }

---

第一个孩子的

ul ul li:first-child { 
    your-rules: here; 
}

第n个孩子的

ul ul li:nth-child(n) { 
    your-rules: here; 
}

其中n代表任何数字。

---

我推荐你：

ul ul li { your-rules: here; }

我建议您阅读本文，它将帮助您了解级联和特异性：LINK

Answer 3

这是一个更简洁的选择器：

li > ul {property: value}

这会抓取一个无序列表，该列表是列表项的直接子项。