仅更改某些 li 元素的列表样式[关闭]答案

【问题标题】：Change list-style for only some of the li elements [closed]仅更改某些 li 元素的列表样式[关闭]
【发布时间】：2022-01-17 04:43:33
【问题描述】：

我是 CSS 新手，我正在尝试更好地了解 CSS 选择器的工作原理。例如，我试图只删除一些 li 元素的项目符号。

假设我只希望第二个 li 没有要点，这就是我用 CSS 尝试过的

.hidden {
  list-style: none
}

<ul>
  <li>A</li>
  <li>B</li>
  <li class="hidden">C</li>
  <li>D</li>

</ul>

和

li.hidden {list-style: none}

以上两种语法都行不通，但如果我使用nth-child，它确实行：

li:nth-child(2) {list-style: none}

为什么 nth-child 工作而使用类选择器在这种情况下不起作用？

另外，还有其他更好的方法来完成这项工作吗？我宁愿不使用 nth-child，因为如果我要选择很多 li，那可能会很麻烦。

【问题讨论】：

【解决方案1】：

没关系，如果你想用这个条件只是把重要放在最后..它重写一切前两种方法不起作用，因为有一定程度不能用这样的尝试改变，但它可以用标签改变

!importaint

如果你把它改变在第三个中，您指定了一个特定的对象，因此它肯定会运行... 试试自己..玩得开心..

【讨论】：