css3 2 屬性的選擇器

2022-03-20 21:02:32 字數 1377 閱讀 9605

存在和值屬性選擇器1:[attr]:該選擇器選擇包含 attr 屬性的所有元素,不論 attr 的值為何。

[name]

"atguigu_llc

">李立超

"atguigu_xfz

">曉飛張

"atguigu_bhj

">白浩傑

"atguigu_sym

">腿長1公尺8

佟剛陳雷

李賀飛

view code

存在和值屬性選擇器2:[attr=val]:該選擇器僅選擇 attr 屬性被賦值為 val 的所有元素。

[name="

atguigu_llc

"]

"atguigu_llc

">李立超

"atguigu_xfz

">曉飛張

"atguigu_bhj

">白浩傑

"atguigu_sym

">腿長1公尺8

佟剛陳雷

李賀飛

view code

存在和值屬性選擇器3 :

[attr~=val]:該選擇器僅選擇 attr 屬性的值(以空格間隔出多個值)中有包含 val 值的所有元素,

比如位於被空格分隔的多個類(class)中的乙個類。

[name~="

atguigu

"]

"atguigu_llc atguigu

">李立超

"atguigu_xfz

">曉飛張

"atguigu_bhj atguigu

">白浩傑

"atguigu_sym

">腿長1公尺8

佟剛陳雷

李賀飛

view code

存在和值屬性選擇器4:

[attr|=val] : 選擇attr屬性的值以val(包括val)或val-開頭的元素

[attr^=val] : 選擇attr屬性的值以val開頭(包括val)的元素。

[attr$=val] : 選擇attr屬性的值以val結尾(包括val)的元素。

[attr*=val] : 選擇attr屬性的值中包含字串val的元素。

[name*="

atguigu

"]

"atguigu-llc atguigu

">李立超

"atguigu-xfz

">曉飛張

"atguigu-bhj atguigu

">白浩傑

"atguigu_sym

">腿長1公尺8

佟剛陳雷

李賀飛

view code

css3 2 屬性的選擇器

存在和值屬性選擇器1 attr 該選擇器選擇包含 attr 屬性的所有元素,不論 attr 的值為何。name 李立超曉飛張 白浩傑腿長1公尺8 佟剛陳雷 李賀飛 view code 存在和值屬性選擇器2 attr val 該選擇器僅選擇 attr 屬性被賦值為 val 的所有元素。name atg...

CSS選擇器 屬性選擇器

最近重新學習了css3,發現選擇器還能這麼玩。介紹一下屬性選擇器 我給咱們順著往下縷一縷 資訊量挺大 剛開始是這樣子 如下 doctype html head meta charset utf 8 title 測試網頁 title style h1 m1 style head body div h1...

CSS屬性選擇器

簡單屬性選擇器,如 css h1 class html 那麼以上h1標籤裡的內容字型顏色都會改變。同時我們也可以通過這種方法來給自己建立的標籤加上樣式,如 css planet moon html venus earth mars 這樣的話,第二條和第三條就會被加上樣式。還可以根據標籤裡的具體屬性值...