CSS3屬性選擇器

css3屬性選擇器

1.屬性選擇器的權重要高於標籤選擇器，比如這裡的button[disabled]的權重要高於單獨的button，選擇button[disabled]的是：既有button,又有disabled這個屬性的元素，舉例如下：

這裡是以按鈕生成乙個按鈕作為研究物件

button[disabled]

input[type="search"]

"text" value="文字框">

"text" value="文字框">
"text" value="文字框">
"search" value="搜尋框">
"search" value="搜尋框">
"search" value="搜尋框">

3.只對屬性以某個值開頭的部分起作用（例如這裡就是只對以icon開頭的部分起作用）

div[class^="icon"]

"icon1">按鈕1

"icon2">按鈕2
"icon3">按鈕3
"aicon">按鈕4
"bicon">按鈕5
"xicony">按鈕6

4.只對屬性以某個值結尾的部分起作用（例如這裡就是只對以icon結尾的部分起作用）

div[class$="icon"]

"icon1">按鈕1

"icon2">按鈕2
"icon3">按鈕3
"aicon">按鈕4
"bicon">按鈕5
"xicony">按鈕6

5.只對屬性中包含某個值（在任意位置）的部分起作用（例如這裡就是只對屬性中包含icon的部分起作用）

div[class*="icon"]

"icon1">按鈕1

"icon2">按鈕2
"icon3">按鈕3
"aicon">按鈕4
"bicon">按鈕5
"xicony">按鈕6

備註：

按鈕

按鈕"disabled">按鈕
"disabled">按鈕

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