如何获得除第一项之外的带有项目符号的列表

Question

我有一个带有项目符号的无序列表，但我想要第一个li没有项目符号的列表，我不知道如何才能只有一个项目没有项目符号

<ul>
    <li class="no_bullet"> item 0 </li>
    <li>item 1 </li>
    <li>item 2 </li>
    <li>item 3 </li>
</ul>

Answer 1

你可以这样做：

• using first-child/first-of-type，不需要额外的标记（using class）

li:first-child {
  list-style: none
}

<ul>
  <li>item 0 </li>
  <li>item 1 </li>
  <li>item 2 </li>
  <li>item 3 </li>
</ul>

如果您需要从这个特定列表中删除项目符号，请设置一个类ul并按如下所示执行操作：

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

<ul class="list-no-bullet">
  <li>item 0 </li>
  <li>item 1 </li>
  <li>item 2 </li>
  <li>item 3 </li>
</ul>