CSS自定義屬性選擇器是CSS3中增加的新特性，在Web開發中非常有用。通過它，我們可以定義一些CSS變量，然后在選擇器中使用。下面我們來具體了解一下。

:root {
--bg-color: #f5f5f5;
}
body {
background-color: var(--bg-color);
}

在這個例子中，我們在:root中定義了一個名為bg-color的變量，它的值是#f5f5f5。然后我們在body選擇器中使用了這個變量，作為background-color屬性的值。這樣，在整個頁面中，背景顏色都會變成#f5f5f5。

除了在根選擇器中定義，我們也可以在其他的選擇器中定義，并在自己的范圍內使用。

.btn {
--bg-color: #4CAF50;
background-color: var(--bg-color);
}

在這個例子中，我們在.btn選擇器中定義了一個名為bg-color的變量，并將其值設置為#4CAF50。然后我們在.btn選擇器中使用這個變量，將其作為background-color屬性的值。這樣，在按鈕中，背景顏色都會變成#4CAF50。

通過使用CSS自定義屬性選擇器，我們可以節省非常多的時間，而且代碼也變得更加簡潔易懂。希望這篇文章可以幫助您更好地使用CSS自定義屬性選擇器。