摆脱单个项目的子弹答案

【问题标题】：Getting rid of a bullet for a single item摆脱单个项目的子弹
【发布时间】：2020-06-27 16:34:27
【问题描述】：

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

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

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

【问题讨论】：

【解决方案1】：

您可以使用类或伪选择器来定位任何列表项

下面的例子展示了这个使用 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>

【讨论】：

【解决方案2】：

解决办法是

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

【讨论】：