CSS3選擇器(二)之屬性選擇器

2022-03-09 20:47:20 字數 692 閱讀 1270

css3選擇器的第二部分——屬性選擇器。。

屬性選擇器早在css2中就被引入了,其主要作用就是對帶有指定屬性的html 元素設定樣式

使用css3屬性選擇器,你可以只指定元素的某個屬性,或者你還可以同時指定元素的某個屬性和其對應的屬性值。

css3的屬性選擇器主要包括以下幾種:e[attr]:只使用屬性名,但沒有確定任何屬性值;

e[attr="value"]:指定屬性名,並指定了該屬性的屬性值;

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

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

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

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

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

CSS3選擇器 屬性選擇器

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

CSS3 選擇器 屬性選擇器

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

Css3選擇器 屬性選擇器

一 e attr e attr 屬性選擇器是css3屬性選擇器中最簡單的一種。如果你希望選擇有某個屬性的元素,而不論這個屬性值是什麼,你就可以使用這個屬性選擇器 ie6不支援這個選擇器。二 attr value e attr value 選擇器和e attr 選擇器,從字面上就能很清楚的理解出來,e...