屬性選擇器

2022-09-28 03:51:07 字數 2149 閱讀 5178

屬性選擇器(常用)

id+class結合~

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>title

title

>

<

style

>

.demo a

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

= 絕對等於

*= 包含

^= 以什麼什麼開頭

$= 以什麼什麼結尾

*//*

存在id屬性的元素 a{}

*//*

a[id]

*//*

id=first的元素

*//*

a[id=first]

*//*

class 中有links的元素

*//*

a[class*="links"]

*//*

選中href中以http開頭的元素

選中href中以doc結尾的元素

= 絕對等於

*= 包含

^= 以什麼什麼開頭

$= 以什麼什麼結尾

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