如何将CSS应用于嵌套的无序列表？

Question

我有一些嵌套的无序列表，我需要将我的类ul-deactive应用于该div中的每个元素，其中包含任意深度的标记<ul> <li>。

使用我的代码，我无法使其正常工作。知道我做错了什么以及如何解决它？

<div class="ul-deactive">
<ul>
    <li>a
        <ul>
            <li>a-1 </li>
            <li>a-2 </li>
        </ul>
    </li>
    <li>b
        <ul>
            <li>b-1 </li>
            <li>b-2 </li>
        </ul>
    </li>
</ul>

---

.ul-deactive ul li
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    color:Fuchsia;
}

Answer 1

属性list-style-type，margin和padding应该应用于ul，而不是li，如下所示：

.ul-deactive ul li
{
     color:Fuchsia;
} 

.ul-deactive ul
{
     list-style-type: none;
     padding: 0px;
     margin: 0px;
}

Answer 2

试试这个css

.ul-deactive ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.ul-deactive ul li
{
    color:Fuchsia;
}