在CSS中，我們可以使用偽元素來修改鏈接前的圖標，以下是一個示例，展示如何將圖標添加到鏈接前：

我們需要創(chuàng)建一個鏈接，并為其添加一個類名，例如my-link：

<a href="https://html4.cn" class="my-link">鏈接</a>

在CSS中，我們可以使用偽元素::before來在鏈接前添加圖標，我們可以添加一個小圖標icon：

.my-link::before {
  content: url('icon.png');
  position: relative;
  left: -10px; /* 根據(jù)需要調整圖標位置 */
}

在這個示例中，url('icon.png')指向了我們要添加的圖標文件。position: relative;使圖標相對于鏈接文本定位。left: -10px;則用來調整圖標與鏈接文本之間的間距。

需要注意的是，這種方法僅適用于支持CSS偽元素的瀏覽器，由于偽元素不實際存在于DOM中，因此無法通過JavaScript直接訪問或修改它們，我們可以使用CSS的其他屬性來進一步定制圖標，如大小、顏色等。