CSS技巧：去除列表前的點(diǎn)

在CSS中，我們可以使用list-style-type屬性來(lái)設(shè)置列表項(xiàng)的前綴，例如使用disc表示使用實(shí)心圓點(diǎn)作為列表項(xiàng)的前綴，如果我們想要去除列表項(xiàng)前面的點(diǎn)，我們應(yīng)該將list-style-type設(shè)置為none。

假設(shè)我們有一個(gè)HTML列表：

<ul>
  <li>列表項(xiàng)1</li>
  <li>列表項(xiàng)2</li>
  <li>列表項(xiàng)3</li>
</ul>

在CSS中，我們可以使用以下代碼來(lái)去除列表項(xiàng)前面的點(diǎn)：

ul {
  list-style-type: none;
}

這段代碼會(huì)應(yīng)用到所有的ul元素，并將它們的list-style-type設(shè)置為none，這樣就可以去除列表項(xiàng)前面的點(diǎn)了。

如果你只想對(duì)某個(gè)特定的列表去除點(diǎn)，你可以給那個(gè)列表添加一個(gè)類(lèi)名，然后在CSS中針對(duì)那個(gè)類(lèi)名進(jìn)行設(shè)置。

<ul class="no-bullets">
  <li>列表項(xiàng)1</li>
  <li>列表項(xiàng)2</li>
  <li>列表項(xiàng)3</li>
</ul>

在CSS中設(shè)置：

.no-bullets {
  list-style-type: none;
}

這樣，只有這個(gè)特定的列表不會(huì)顯示列表項(xiàng)前面的點(diǎn)。