屬性選擇器需要將對應屬性放入到 方括號中 [ ] ,其中包含屬性名,識別符號(* $ ~ ^ |)
[attribute] 例如 [target] 表示 選擇帶有 target 屬性所有元素。
[attribute~=value] 例如 [title~=flower] 表示 擇 title 屬性包含單詞 "flower" 的所有元素。
[attribute|=value] 例如 [lang|=en] 表示 選擇 lang 屬性值以 "en" 開頭的所有元素。 該值必須是整個單詞,比如 lang="en",或者後面跟著連字元 -
[attribute^=value]] 例如 a[src^="https"] 表示 選擇其 src 屬性值以 "https" 開頭的每個 元素。
[attribute$=value]例如 a[src$=".pdf"] 表示 選擇其 src 屬性以 ".pdf" 結尾的所有 元素。
[attribute*=value]例如 a[src*="abc"] 表示 選擇其 src 屬性中包含 "abc" 子串的每個 元素。
屬性選擇器可以和其他選擇器混用,中間使用 空格,逗號 > + 空 等
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 元素 應用樣...