屬性選擇器

2021-10-24 03:32:58 字數 752 閱讀 6790

lang

="zh"

>

>

charset

="utf-8"

>

>

documenttitle

>

>

/* (屬性選擇器1)選中帶title屬性的p元素 */

p[title]

/*(屬性選擇器2) 選中title屬性為 a的p元素 */

p[title=a]

/* (屬性選擇器3)選擇title屬性以a開頭的元素 */

[title^=a]

/* (屬性選擇器4)選擇title屬性以a結尾的元素 */

[title$=a]

/* (屬性選擇器5) 選擇title屬性帶b的元素*/

[title*=b]

style

>

head

>

>

title

="a"

>

埋頭苦幹是第一p

>

title

="ab"

>

熟能生出百巧來p

>

title

="aba"

>

勤能補拙是良訓p

>

>

一分辛苦一分才p

>

body

>

html

>

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