CSS3屬性選擇器

2021-07-22 09:17:19 字數 586 閱讀 6269

示例文字1

示例文字1-1

示例文字1-2

示例文字2

示例文字2-1

示例文字2-2

css2中使用屬性選擇器來設定

css3中的屬性選擇器

1.[att*=val]屬性值包含用val指定的字元

[id*=section]

則頁面中id為"section1"、"subsection1-1"、"subsection1-2"的div元素的背景色都變為黃色,因為這些元素的id屬性中都包含"section"字元。

2.[att^=val]屬性值的開頭字元為用val指定的字元,則該元素使用這個樣式

[id^=val]

頁面中id為"section1"、"section2"的div元素的背景色都變為黃色,因為這些元素的id屬性的開頭字元都為"section"。

3.[att$=val]結尾字元為用val指定的字元

[id$=\-1]

頁面中為"subsection1-1"、"subsection2-1"的div元素的背景色變為黃色,因為其以"-1"結尾。

注意:要在指定的匹配字元前必須加上"\"這個escape字元。

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