根據部分屬性值選擇
如果需要根據屬性值中的詞列表的某個詞進行選擇，則需要使用波浪號（~）。
假設您想選擇 class 屬性中包含 important 的元素，可以用下面這個選擇器做到這一點：
p[class~="important"]
如果忽略了波浪號，則說明需要完成完全值匹配。
部分值屬性選擇器與點號類名記法的區別
該選擇器等價於我們在類選擇器中討論過的點號類名記法。
也就是說，p.important 和 p["important"] 應用到 html 文件時是等價的。
那麼，為什麼還要有 "~=" 屬性選擇器呢？因為它能用於任何屬性，而不只是 class。
img[title~="figure"]
這個規則會選擇 title 文字包含 "figure" 的所有影象。沒有 title 屬性或者 title 屬性中不包含 "figure" 的影象都不會匹配。
子串匹配屬性選擇器
下面為您介紹乙個更高階的選擇器模組，它是 css2 完成之後發布的，其中包含了更多的部分值屬性選擇器。按照規範的說法，應該稱之為「子串匹配屬性選擇器」。
很多現代瀏覽器都支援這些選擇器，包括 ie7。
下表是對這些選擇器的簡單總結：
型別描述
[abc^="def"]選擇 abc 屬性值以 "def" 開頭的所有元素
[abc$="def"]選擇 abc 屬性值以 "def" 結尾的所有元素
[abc*="def"]選擇 abc 屬性值中包含子串 "def" 的所有元素
可以想到，這些選擇有很多用途。
a[href*="shunjian.me"]
CSS選擇器 屬性選擇器
最近重新學習了css3，發現選擇器還能這麼玩。介紹一下屬性選擇器 我給咱們順著往下縷一縷 資訊量挺大 剛開始是這樣子 如下 doctype html head meta charset utf 8 title 測試網頁 title style h1 m1 style head body div h1...
css中的屬性選擇器
在css中，可以使用來對元素進行屬性選擇，找到含有同乙個屬性的元素。比如a title me 可以選中有title為me的a標籤。這裡面可以進行匹配，使用的字元與正規表示式相同，表示匹配屬性值某個片段前面的所有部分，表示匹配屬性值某個片段後面的所有部分,表示在屬性 現了某個片段的所有元素。li cl...
CSS屬性選擇器
簡單屬性選擇器，如 css h1 class html 那麼以上h1標籤裡的內容字型顏色都會改變。同時我們也可以通過這種方法來給自己建立的標籤加上樣式，如 css planet moon html venus earth mars 這樣的話，第二條和第三條就會被加上樣式。還可以根據標籤裡的具體屬性值...