8 1 1 CSS3選擇器 屬性選擇器

2022-05-16 10:05:24 字數 576 閱讀 5044

1. e[attr]只使用屬性名,但沒有確定任何屬性值

例:p[miao]

z1z2

2. e[attr=value]指定屬性名,並指定了該屬性的值

例:p[miao=kevin]    

3. e[attr~=value]指定屬性名,並且具有屬性值,此屬性值是乙個詞列表,並且以空格隔開,其中詞列表包行了乙個value詞,而且等號前面的 」~" 不能不寫

例:p[miao~=old]

4. e[attr^=value]指定了屬性名,並且有屬性值,屬性值是以value開頭的

例:p[miao^=g]

5. e[attr$=value]指定了屬性名,並且有屬性值,而且屬性是以value結束的

例:p[miao$=m]

6. e[attr*=value]指定了屬性名,並且有屬性值,而且屬性值中包含了value]

例:p[miao*=d]

7. e[attr|=value]指定了屬性名,並且屬性值是value或者以"value"開頭的值( 比如說zh-cn )

例:無效

備註:ie7+支援

CSS選擇器 屬性選擇器

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

CSS3選擇器 屬性選擇器

指定屬性名,但沒有確定任何屬性值 type text css div div title style div1div title name div2div title age div3div body 指定屬性名,並指定了該屬性的屬性值 其他 與上述相同 div title name 指定屬性名,具...

CSS3 選擇器 屬性選擇器

屬性選擇器早在css2中就被引入了,其主要作用就是對帶有指定屬性的html 元素設定樣式。使用css3屬性選擇器,你可以只指定元素的某個屬性,或者你還可以同時指定元素的某個屬性和其對應的屬性值。選擇有某個屬性的元素,而不管這個屬性的值是什麼。選擇有某個屬性的元素,並且要求這個元素的屬性的屬性值只能為...