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