CSS選擇器是一種強大的工具，可以用于選擇并修改特定的HTML元素。其中，選擇之前元素的CSS選擇器用于選擇當前元素的前一個兄弟元素，它的語法為

x ~ y

，其中的

x

是當前元素，

y

是當前元素的前一個兄弟元素。

例如，如果你想給一個列表中的所有列表項添加一個自定義圖標，你可以使用選擇之前元素的CSS選擇器來將圖標放置在每個列表項之前。如下所示：

li:before {
content: "\2022"; /* 添加圓點圖標 */
}

在這個例子中，使用了

:before

偽元素來選擇每個列表項之前的元素，這里是一個“點”的 Unicode 編碼。此外，該選擇器還將添加一個樣式到

li

元素之前的偽元素上，以在頁面上顯示出來。

需要注意的是，選擇器之前的兄弟元素只能選擇前面的元素，而不能選擇后面的元素。此外，它只能選擇當前元素之前出現的兄弟元素，而不能選擇之后出現的兄弟元素。

總之，選擇之前元素的CSS選擇器是一種非常有用的工具，可以讓你以一種簡單而方便的方式對HTML元素進行樣式設置和修改。無論是對于初學者還是對于經驗豐富的開發人員來說，都是值得掌握的技能。