在CSS中，我們可以使用偽元素（::before（content）屬性在列表元素（如<ul>或<ol>）前添加圖標(biāo)，以下是一個(gè)基本的示例：

ul {
    list-style: none; /* 移除默認(rèn)的列表樣式 */
}
ul::before {
    content: url('icon.png'); /* 用圖標(biāo)替換列表前的標(biāo)記 */
}

在這個(gè)示例中，ul::before偽元素會(huì)在每個(gè)列表元素前添加一個(gè)圖標(biāo)。content屬性的值是一個(gè)URL，指向你想要顯示的圖標(biāo)文件，你可以根據(jù)需要替換這個(gè)URL，以及選擇其他類型的圖標(biāo)文件（如SVG或字體圖標(biāo)）。

如果你想要在每個(gè)列表項(xiàng)前添加不同的圖標(biāo)，你可以使用[value="..."]選擇器來指定不同的圖標(biāo)：

ul li[value="1"]::before {
    content: url('icon1.png');
}
ul li[value="2"]::before {
    content: url('icon2.png');
}

在這個(gè)示例中，每個(gè)列表項(xiàng)的值決定了其前的圖標(biāo)，這種方法可以讓你根據(jù)列表項(xiàng)的內(nèi)容定制圖標(biāo)，使其更具個(gè)性化和實(shí)用性。

這種方法可能在一些較舊的瀏覽器上無法正常工作，為了***大化兼容性，你可能需要使用一些回退技術(shù)，或者考慮使用其他方法（如JavaScript或SVG）來添加圖標(biāo)。