CSS3 屬性選擇器

屬性選擇器

通過標籤中存在的屬性來選擇特定的 html 元素

語法：element[attribute_name]

分類描述

示例e[att]

選擇屬性為 att 的 e 元素

input[name]

e[att = 「val」]

選擇 att 的屬性值為 val 的 e 元素

input[autocomplete=「on」]

e[att^=「val」]

選擇具有 att 屬性且屬性值以 val 開頭的 e 元素

input[class^=「first」]

e[att$=「val」]

選擇具有 att 屬性且屬性值以 val 結尾的 e 元素

input[class$=「last」]

e[att*=「val」]

選擇具有 att 屬性且屬性值含有 val 的 e 元素

div[class*=「left」]

e[att~=「val」]

選擇具有 att 屬性且屬性值為 val 或val與多個屬性值用空格隔開的 e 元素

a[class~=「red」]

e[att|=「val」]

選擇具有 att 屬性且屬性值為 val 或屬性值之間用 「-」 隔開且屬性值val在 「-」 前的 e 元素

a[class|=「red」]

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