CSS3 選擇器 屬性選擇器

屬性選擇器早在css2中就被引入了，其主要作用就是對帶有指定屬性的html 元素設定樣式。使用css3屬性選擇器，你可以只指定元素的某個屬性，或者你還可以同時指定元素的某個屬性和其對應的屬性值。

選擇有某個屬性的元素，而不管這個屬性的值是什麼。

選擇有某個屬性的元素，並且要求這個元素的屬性的屬性值只能為「value」。（有且只有乙個）

屬性和屬性值必須完全匹配，特別是對於屬性值是詞列表的形式時。

屬性選擇器也可以多個屬性並寫，進一小縮小選擇範圍。

e[attr="value"][attr="value"]

如果你想根據屬性值中的詞列表的某個詞來進行選擇元素，那麼就需要使用這種屬性選擇器：e[attr~=」value」]。

選擇attr屬性值以「value」開頭的所有元素

選擇attr屬性值以「value」結尾的所有元素

選擇attr屬性值中包含子串」value」的所有元素。

選擇attr屬性值等於value或以value-開頭的所有元素。

CSS3選擇器 屬性選擇器

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

Css3選擇器 屬性選擇器

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

CSS3 選擇器 屬性選擇器（複習）

e attr 只使用屬性名，但沒有確定任何屬性值 demo a id demo a href title e attr value 指定屬性名，並指定了該屬性的屬性值 demo a id first demo a href title 對於e attr value 這種屬性值選擇器有一點需要注意 屬...