通常我們可以將具有某一屬性的元素設(shè)置為同一個(gè)樣式，屬性選擇器該如何使用呢？屬性選擇器中屬性放[]綜括號(hào)里。
具體如下：
頁(yè)面中有很多的input元素，但是type類型不同，如果想給同一種類型的input元素設(shè)置相同的格式該如何設(shè)置：可以使用屬性選擇器。
單選框的屬性選擇器為input[type=radio]
多選框的屬性選擇器為input[type=checkbox]
其他類型的屬性選擇器為input:not([type=radio]):not([type=checkbox])
我們可以給具有title屬性的所有元素一個(gè)紅色，給具有href屬性的a元素藍(lán)色，給既有href屬性，又有title屬性的元素一個(gè)橘色，給具有alt屬性的圖片藍(lán)色背景，黃色邊框。
實(shí)驗(yàn)結(jié)果如圖。
也可以給屬性為某一值的元素設(shè)置樣式：
如果需要根據(jù)屬性值中的詞列表的某個(gè)詞進(jìn)行選擇，則需要使用波浪號(hào)（~）。
假設(shè)您想選擇 class 屬性中包含 important 的元素，可以這樣做：
如果沒有~波浪號(hào)的話，則要完全匹配：
字串選擇器：
[abc^="def"]：選擇 abc 屬性值以 "def" 開頭的所有元素
[abc$="def"]：選擇 abc 屬性值以 "def" 結(jié)尾的所有元素
[abc*="def"]：選擇 abc 屬性值中包含子串 "def" 的所有元素
