在CSS中，屬性選擇器是一種非常有用的工具，可以讓我們根據元素的屬性值選擇元素。

屬性選擇器由一個屬性名和一些限定符組成，比如以下幾種：

[attribute]          選擇具有指定屬性的元素
[attribute=value]    選擇屬性值為指定值的元素
[attribute~=value]   選擇屬性值包含指定值的元素，多個值用空格分隔
[attribute|=value]   選擇屬性值為指定值或以指定值為前綴的元素，用"-"分隔
[attribute^=value]   選擇屬性值以指定值開頭的元素
[attribute$=value]   選擇屬性值以指定值結尾的元素
[attribute*=value]   選擇屬性值包含指定值的元素

舉個例子，我們可以使用[attr=value]來選取所有帶有指定屬性值的元素：

/* 選取擁有 data-type="button" 屬性值的 button 元素 */
button[data-type="button"] {
background-color: gray;
}

我們也可以使用[attr~=value]來選取所有相應屬性值包含指定值的元素：

/* 選取擁有 class 屬性值為 "red blue" 的元素 */
div[class~="red"] {
color: red;
}
/* 選取擁有 title 屬性值以 "Hello" 開頭的元素 */
a[title^="Hello"] {
font-weight: bold;
}

屬性選擇器可以很方便地幫助我們選中需要樣式修改的元素，也可以實現一些比較奇妙的效果。需要注意的是，對于低版本的瀏覽器，一些屬性選擇器可能并不支持，所以在實際開發過程中，需要合理地應用這些屬性選擇器。