CSS屬性選擇器是CSS選擇器的一種，它可以根據(jù)元素的屬性值來選擇元素。在這篇文章中，我們將介紹三種CSS屬性選擇器：屬性選擇器、子串匹配屬性選擇器和特殊字符屬性選擇器。

/* 屬性選擇器 */

屬性選擇器可以通過元素的屬性名和屬性值來選擇元素。

/* 選擇所有具有 class="header" 的元素 */

.header {    
color: red;
}

/* 選擇所有具有 href 屬性的元素 */

a[href] {    
color: blue;
}

/* 子串匹配屬性選擇器 */

子串匹配屬性選擇器可以根據(jù)屬性值中的子串選擇元素。

/* 選擇帶有以 "example" 開頭的 class 的元素 */

[class^="example"] {
background-color: yellow;
}

/* 選擇帶有以 "example" 結(jié)尾的 class 的元素 */

[class$="example"] {
background-color: green;
}

/* 特殊字符屬性選擇器 */

特殊字符屬性選擇器可以根據(jù)元素的屬性值中是否包含特定字符來選擇元素。

/* 選擇所有具有包含 "example" 的 class 的元素 */

[class*="example"] {
font-size: 24px;
}

以上就是CSS屬性選擇器的三種類型。您可以根據(jù)需要選擇最適合您的選擇器來選擇元素。