通过 CSS 去除列表标志

想要去除 HTML 中的列表标志（如小圆点、数字、字母等），可以通过 CSS 来实现。以下是三种常用的方法。

1. 利用 CSS 重置样式

列表标志的样式是由浏览器的默认样式决定的，我们可以通过重置样式来去除这些标志。具体做法是给列表所在的元素设置一个重置样式的类，然后在 CSS 中定义该类的样式如下：

.no-mark {
  list-style: none;
}

上面的代码中，我们将列表的标志样式设置为 none，即不显示任何标志。接着在 HTML 中给需要去除标志的列表元素加上重置样式的类即可。

<ul class="no-mark">
  <li>列表项 1</li>
  <li>列表项 2</li>
  <li>列表项 3</li>
</ul>

2. 通过 margin 负值去除标志

另一种方法是利用 margin 的负值来达到去除标志的效果。具体做法是将列表的左外边距（margin-left）设置为负值，从而把标志移出可视区域。

.no-mark li {
  margin-left: -20px;
}

上面的代码中，我们将列表项的左外边距设置为 -20px，即将标志向左移动 20px。为了避免标志还是占用空间，我们还需要将列表项的左填充（padding-left）设置为相同的值。

.no-mark li {
  margin-left: -20px;
  padding-left: 20px;
}

3. 使用伪元素去除标志

使用伪元素也可以达到去除标志的效果。具体做法是给列表项设置一个 before 伪元素，然后将其内容设置为空。

.no-mark li:before {
  content: "";
}

上面的代码中，我们将列表项前的伪元素的内容设置为空，从而达到去除标志的效果。

以上是三种常用的利用 CSS 去除列表标志的方法。根据具体情况选择合适的方法即可。