屬性選擇器 通常用在input

2022-08-28 01:12:26 字數 498 閱讀 1195

1.  input[type="text"]{}

選中屬性值為text的input

2.  input[type|="text"]{}

選中以text-開始的input的type屬性值

3. input[type^="text"]{}

選中標籤中type屬性以text屬性值開始

注:該宣告表示屬性值有多個並每乙個屬性值之間用空格隔開

例如:   

4.  input[type*="text"]{}

選中input標籤中type屬性包含text屬性值,屬性值之間可不隔開

例如:  

5.  input[type~="text"]{}

選中input標籤中type屬性包含text屬性值

注:該宣告表示屬性值有多個並每乙個屬性值之間用空格隔開

例如:6.  input[type$="text"]{}

選中標籤中type屬性以text屬性值結束

例如:

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...