css選擇器主要分為五大類：元素選擇器，關係選擇器，屬性選擇器，偽類選擇器和偽元素選擇器。平時用的最多的是元素選擇器和關係選擇器，而本文主要講講用得比較少的屬性選擇器。
張三（zhangsan）
劉三姐（liusanjie）
張明（zhang-ming）
黎三（lisan）
李三（sandy lisan）
無名氏
css**：
p[name]p[name]
可以看出，只要具有name屬性的元素都會被篩選出來，而不具有name屬性的「無名氏」顏色沒有變化。
css**：
p[name="lisan"]p[name="lisan"]
可以看出，只要name屬性值為「lisan」的元素都會被篩選出來，而name屬性為「sandy lisan」的元素並不會被篩選。
css**：
p[name~=lisan]p[name~=lisan]
可以看出，除了可以篩選出name屬性值為「lisan」的元素，name屬性值為「sandy lisan」的元素同樣也會被篩選出來。
css**：
p[name^=zhang]p[name^=zhang]
可以看出，只要是name屬性值以「zhang」開頭的元素都會被篩選出來。
css**：
p[name$=san]p[name$=san]
可以看出，只要是name屬性值以「san」結尾的元素都會被篩選出來。
css**：
p[name*=san]p[name*=san]
可以看出，只要是name屬性值中包含「san」的元素都會被篩選出來。
css**：
p[name|=zhang]image.png
可以看出，只要是name屬性值以「zhang」開頭並且其後緊跟著 「-」 的元素都會被篩選出來，所以只有「張明」顏色變紅，而「張三」顏色不變。
相容性：以上七個屬性選擇器均相容主流瀏覽器，ie相容到ie7，可以放心使用。
CSS選擇器 屬性選擇器
最近重新學習了css3，發現選擇器還能這麼玩。介紹一下屬性選擇器 我給咱們順著往下縷一縷 資訊量挺大 剛開始是這樣子 如下 doctype html head meta charset utf 8 title 測試網頁 title style h1 m1 style head body div h1...
CSS屬性選擇器
簡單屬性選擇器，如 css h1 class html 那麼以上h1標籤裡的內容字型顏色都會改變。同時我們也可以通過這種方法來給自己建立的標籤加上樣式，如 css planet moon html venus earth mars 這樣的話，第二條和第三條就會被加上樣式。還可以根據標籤裡的具體屬性值...
CSS屬性選擇器
css 2 引入了屬性選擇器。屬性選擇器可以根據元素的屬性及屬性值來選擇元素。如果希望選擇有某個屬性的元素，而不論屬性值是什麼，可以使用簡單屬性選擇器。如果您希望把包含標題 title 的所有元素變為紅色，可以寫作 title 親自試一試 與上面類似，可以只對有 href 屬性的錨 a 元素 應用樣...