摆脱单个项目的项目符号

Question

我有一个项目符号列表，我想要只有一个项目没有项目符号。我怎么做？例如，在下面，我可以得到没有项目符号的"Cheese"：

<ol>
  <li>Milk</li>
  <li>Cheese</li>
  <li>Goats</li>
</ol>

许多好的 SO threads 处理更改整个列表，但我对特定项目感兴趣。

Answer 1

您可以使用 class 或伪选择器

定位任何列表项

下面的示例显示了使用 first-child 和 class

li:first-child,
.no-bullet {
  list-style: none;
}

<ol>
  <li>Milk </li>
  <li class="no-bullet">Cheese </li>
  <li>Goats </li>
</ol>

Answer 2

解决方案是

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