屬性選擇器(學自b站狂神,後附鏈結)

2021-10-06 02:06:29 字數 1472 閱讀 2486

<

!doctype html>

"en"

>

"utf-8"

>

屬性選擇器<

/title>

.demo a

/*屬性名. 屬性名=屬性值(正則)

= 絕對等於

*=包含這個元素

^= 以這個開頭

$= 以這個結尾

*//*a標籤存在id屬性的元素*/

a[id]

/*a標籤有id屬性是first的*/

a[id=first]

/*a標籤有class是active的*/

a[class*

="links"

]/*選中href中以http開頭的元素*/

/*在a標籤中的href以c結尾的*/

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