html - 努力在 nest ul 列表上获得正确的 css 格式

Question

我正在努力解决这个问题，我希望我的第一个 li 有一个圆形元素符号，然后嵌套的 li 有一个缩进的方形元素符号。下面是我尝试执行此操作的 CSS，我页面的默认样式未放置任何元素符号。

有人可以帮忙吗？

<ul>

    <li>Simplification of a complex purchase category
        <ul>
            <li>Meet local regulatory compliance </li>
            <li>Subitem 2</li>
        </ul>
    </li>
    <li>Final list item</li>
</ul>

CSS

ul:first-child {
    list-style-type:circle;
}

li:first-child {
    list-style-type:square;
}

li:nth-child(2) {
    list-style-type:square;
}

Answer 1

试试这个:

li {
    list-style-type:circle;
}

li li {
    list-style-type:square;
}