在CSS中，我們可以使用偽元素（pseudo-elements）來在li元素前添加圖標(biāo)，偽元素允許我們創(chuàng)建一些不在文檔樹中的元素，但它們可以樣式化，就像正常的HTML元素一樣。

下面是一個(gè)基本的示例，說明如何在li元素前添加圖標(biāo)：

HTML結(jié)構(gòu)：

<ul>
  <li>項(xiàng)目一</li>
  <li>項(xiàng)目二</li>
  <li>項(xiàng)目三</li>
</ul>

CSS樣式：

ul li {
  position: relative;
}
ul li:before {
  content: "?"; // 你可以替換成任何你想要的圖標(biāo)
  position: absolute;
  left: -20px; // 調(diào)整圖標(biāo)的位置
}

在這個(gè)示例中，我們使用了偽元素:before來在li元素前添加了一個(gè)圖標(biāo)，這個(gè)圖標(biāo)可以是任何字符或圖像，這里我們使用了字符“?”作為示例，你可以根據(jù)需要替換成其他圖標(biāo)。

通過CSS的position屬性，我們可以控制圖標(biāo)的位置，在這個(gè)示例中，我們將圖標(biāo)放在了li元素的左側(cè)，并調(diào)整了它的位置，你可以根據(jù)自己的需求來調(diào)整圖標(biāo)的位置。

這種方法的好處是它不會(huì)增加額外的HTML標(biāo)記，而是通過CSS來添加樣式和交互，它也可以提供更好的可訪問性和SEO優(yōu)化。