CSS選擇器是用來(lái)選擇HTML文檔中的元素，并為其應(yīng)用樣式的一種機(jī)制。CSS選擇器包括標(biāo)簽選擇器、類選擇器、ID選擇器、屬性選擇器等。在本文中，我們將著重介紹屬性選擇器中的自定義屬性選擇器。

在HTML中，我們可以給元素添加自定義屬性，這些自定義屬性可以用來(lái)存儲(chǔ)額外的元素信息，例如"data-"前綴的屬性。然而，這些自定義屬性是不會(huì)自動(dòng)應(yīng)用樣式的，但我們可以使用CSS的屬性選擇器對(duì)其進(jìn)行選擇和樣式設(shè)置。

例如，在下面的HTML代碼中，我們添加了一個(gè)自定義屬性"data-status"，并給它賦值為"active"。

<div data-status="active">這是一個(gè)演示</div>

現(xiàn)在，我們可以使用CSS屬性選擇器來(lái)選擇這個(gè)自定義屬性并設(shè)置其樣式。要選擇自定義屬性，我們需要使用方括號(hào)"[]"，并在內(nèi)部指定屬性名和值，如下所示：

/* 選擇所有data-status屬性值為“active”的元素 */
div[data-status="active"] { 
background-color: #ff0000; 
color: #ffffff; 
}

在這個(gè)例子中，我們選擇div元素并將它的背景顏色和文字顏色分別設(shè)為紅色和白色。注意選擇器內(nèi)部使用的"[data-status="active"]"指明了選擇屬性名為"data-status"，且屬性值為"active"的元素。

總之，自定義屬性選擇器提供了一種非常強(qiáng)大的CSS選擇器方法，可以讓我們更方便地控制元素外觀并與HTML文檔進(jìn)行互動(dòng)。