對(duì)帶有指定屬性的 HTML 元素設(shè)置樣式。
可以為擁有指定屬性的 HTML 元素設(shè)置樣式，而不僅限于 class 和 id 屬性。
注釋：只有在規(guī)定了 !DOCTYPE 時(shí)，IE7 和 IE8 才支持屬性選擇器。在 IE6 及更低的版本中，不支持屬性選擇。
屬性選擇器
下面的例子為帶有 title 屬性的所有元素設(shè)置樣式：
[title]
{
color:red;
}
屬性和值選擇器
下面的例子為 title="W3School" 的所有元素設(shè)置樣式：
[title=W3School]
{
border:5px solid blue;
}
屬性和值選擇器 - 多個(gè)值
下面的例子為包含指定值的 title 屬性的所有元素設(shè)置樣式。適用于由空格分隔的屬性值：
[title~=hello] { color:red; }
下面的例子為帶有包含指定值的 lang 屬性的所有元素設(shè)置樣式。適用于由連字符分隔的屬性值：
[lang|=en] { color:red; }
設(shè)置表單的樣式
屬性選擇器在為不帶有 class 或 id 的表單設(shè)置樣式時(shí)特別有用：
input[type="text"]
{
width:150px;
display:block;
margin-bottom:10px;
background-color:yellow;
font-family: Verdana, Arial;
}
input[type="button"]
{
width:120px;
margin-left:35px;
display:block;
font-family: Verdana, Arial;
}
CSS 選擇器參考手冊(cè)
|
選擇器
|
描述
|
|
[attribute]
|
用于選取帶有指定屬性的元素。
|
|
[attribute=value]
|
用于選取帶有指定屬性和值的元素。
|
|
[attribute~=value]
|
用于選取屬性值中包含指定詞匯的元素。
|
|
[attribute|=value]
|
用于選取帶有以指定值開頭的屬性值的元素，該值必須是整個(gè)單詞。
|
|
[attribute^=value]
|
匹配屬性值以指定值開頭的每個(gè)元素。
|
|
[attribute$=value]
|
匹配屬性值以指定值結(jié)尾的每個(gè)元素。
|
|
[attribute*=value]
|
匹配屬性值中包含指定值的每個(gè)元素。
|
【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過(guò)測(cè)試外，其他素材未做測(cè)試，不保證完整性，網(wǎng)站上部分源碼僅限學(xué)習(xí)交流，請(qǐng)勿用于商業(yè)用途。如損害你的權(quán)益請(qǐng)聯(lián)系客服QQ：2655101040 給予處理，謝謝支持。