屬性選擇器

屬性選擇器使我們根據屬性或屬性的值來選擇元素

如果要把包含某個屬性(如title)的元素全部選擇：

eg：*[title]{}

如果要選擇包含某個屬性的特定元素：

eg：a[href]{}

可以同時選中多個屬性：

eg：a[title][href]{}

根據具體屬性值來進行選擇：

eg:a[href=""]

另外，還有部分匹配值的屬性選擇器：

[attribute~=value]:用於選取屬性值中包含指定詞彙的元素

[attribute^=value]:匹配屬性值以指定值開頭的每個元素

[attribute$=value]:匹配屬性值中包含指定值的每個元素

[attribute|=value]:用於選取帶有以指定值開頭的屬性值的元素，該值必須是整個單詞。該值必須是整個單詞，比如 lang="en"，或者後面跟著連字元，比如 lang="en-us"

CSS選擇器 屬性選擇器

最近重新學習了css3，發現選擇器還能這麼玩。介紹一下屬性選擇器 我給咱們順著往下縷一縷 資訊量挺大 剛開始是這樣子 如下 doctype html head meta charset utf 8 title 測試網頁 title style h1 m1 style head body div h1...

屬性選擇器

一 屬性選擇器 id user 匹配屬性開頭 user id list 匹配屬性結尾 list id id 萬用字元 選擇屬性中任意位置包含指定字元的元素 id id 以id開頭或等於id值的元素 二 位置選擇器 li even 匹配集合中的偶數元素 li odd 匹配集合中的奇數元素 li fir...

屬性選擇器

屬性選擇器 屬性選擇器 功能描述 e attr 選擇匹配具有屬性attr的e元素 e attr val 選擇匹配具有屬性attr的e元素,並且屬性值為val 其中val區分大小寫 e attr val 選擇匹配元素e，且e元素定義了屬性attr，其屬性值是以val開頭的任意字串 e attr val...