更改嵌套目录中li元素的列表样式类型

时间:2019-05-20 00:42:23

标签: html css css-selectors

我有一条规则:

    .table-of-contents > ol > li {
      list-style-type: lower-latin;
    }

但是,它仅在目录的第一级选择li元素。目录可能具有这样的嵌套级别:

    <ol>
        <li>l1
            <ol>
                <li>l2</li>
            </ol>
         </li>
    </ol>

有没有办法选择容器<nav class="table-of-contents"> toc structure ...</nav>内的所有li元素

Based on the answer to this question我认为可能是

.table-of-contents * {
    list-style-type: none;
}

听起来对吗?

1 个答案:

答案 0 :(得分:2)

只需将选择器更改为.table-of-contents ol li { ... },而无需使用>即可将选择器限制为直接后代。