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

Posted 2023-03-05

【中文标题】仅更改某些 li 元素的列表样式[关闭]

【英文标题】：Change list-style for only some of the li elements [closed]

【发布时间】：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，那可能会很麻烦。

【问题讨论】：

第一个示例在您使用 </li> 关闭 LI 时在 Chrome 中运行

Strat 接受给你答案...

【参考方案1】：

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

!importaint

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