在CSS中，您可以使用偽元素（pseudo-elements）來在li元素前面添加圖標(biāo)，偽元素允許您在元素的內(nèi)容前面或后面插入內(nèi)容，而不影響HTML結(jié)構(gòu)。

以下是一個(gè)示例，展示如何在li前面添加圖標(biāo)：

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

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

CSS樣式：

li::before {
  content: url(圖標(biāo)路徑);
  display: inline-block;
  margin-right: 10px;
}

在這個(gè)示例中，::before偽元素用于在li元素的內(nèi)容前面添加內(nèi)容。content屬性設(shè)置為圖標(biāo)的路徑，display屬性設(shè)置為inline-block，使圖標(biāo)以塊級元素的方式顯示，但又不會(huì)獨(dú)占一行。margin-right屬性用于設(shè)置圖標(biāo)與列表項(xiàng)內(nèi)容之間的間隔。

您可以根據(jù)需要調(diào)整圖標(biāo)的大小、顏色等樣式屬性，如果您使用的是字體圖標(biāo)（如Font Awesome等），您可以直接在content屬性中輸入字體圖標(biāo)的類名或字符代碼。

這種方法的好處是它不會(huì)破壞HTML結(jié)構(gòu)，同時(shí)又能靈活地添加圖標(biāo)到列表項(xiàng)前面，希望這能幫助到您！