另一个元素之前的元素的CSS选择器/删除嵌套ul的列表样式类型

q8l4jmvw  于 2023-01-27  发布在  其他
关注(0)|答案(3)|浏览(166)

我已经嵌套了如下的ul:

<ul>
      <li>1...</li>
      <li>2...</li>
      <li id="li_3">
      <ul>
          <li id="li_3_1">3.1...</li>
        </ul>
      </li>
      <li>4...</li>
    </ul>

li_3显示了一个项目符号,但我不希望它显示,因为其子节点li已经显示了(li_3_1附近并排显示了2个项目符号)。
所以我想选择所有有ul的li作为一个直接子节点,如下所示:

ul < li {
  list-style-type: none;
}

当然,选择器〈并不存在,我有什么解决方案呢?

q43xntqr

q43xntqr1#

如果要删除嵌套ul中的list-style,此选择器可能会很有帮助。

ul > ul {
    list-style: none;
}
juzqafwq

juzqafwq2#

您可以使用CSS中的ID直接调用li,代码如下:

#li_3 {
  list-style-type: none;
}

或者,如果有多个li,您可以只添加一个类到每个li,您希望从其中删除项目符号,并使用相同的代码。
工作:
x一个一个一个一个x一个一个二个x

8aqjt8rx

8aqjt8rx3#

找到了:

li:has(ul) {list-style-type: none;}

相关问题