【網(wǎng)頁(yè)建設(shè)與制作】
屬性選擇符
屬性選擇符在元素后面加一個(gè)方括號(hào)，在方括號(hào)中列出各種屬性或者表達(dá)式。屬性選擇
符可以匹配HTML文檔中元素定義的屬性、屬性值或?qū)傩灾档囊徊糠?。屬性選擇符有7種具
體形式。
(1) E[att]屬性名選擇符
E[att]屬性名選擇符用于存在屬性的匹配，通過(guò)匹配存在的屬性來(lái)控制元素的樣式，一般
要把匹配的屬性包含在方括號(hào)中。其格式為：
E[att]
{
/*CSS代碼*／
}
其中，E表示網(wǎng)頁(yè)元素，att表示元素的屬性。E[att]屬性名選擇符匹配文檔中具有att屬性的E
元素。示例代碼如下：
hl[class] {
color:red;
}
img[alt] {
border:none;
}
a[hrefl[title] {
font-weight:bold
p作用于任何帶class屬性的hl元素+／
／+作用于任何帶alt屬性的img元素4／
產(chǎn)作用于同時(shí)帶href和title屬性的a元素4／
)
(2) E[att=val]屬性值選擇符
E[att=val]屬性值選擇符用于精準(zhǔn)屬性的匹配，只有當(dāng)屬性值完全匹配指定的屬性值時(shí)才會(huì)應(yīng)用樣式。其格式為：
(3) E[att~=val]屬性值選擇符
E[att~=val]屬性值選擇符用于空白分隔的匹配，通過(guò)為屬性定義字符串列表，然后只要配其中任意一個(gè)字符串即可控制元素樣式。其格式為：
E[att---val]
{
/*CSS代碼*／
)
其中，E表示網(wǎng)頁(yè)元素，att表示元素的屬性，val表示屬性值。E[att~=val]屬性值選擇符匹文檔中具有att屬性且其中一個(gè)值（多個(gè)值使用空格分隔）為val（val不能包含空格）的E素。示例代碼如下：
a[title~_”baidu”】
{ {
color：red; 1
)
應(yīng)用此樣式的代碼如下： 1
<a href=”http://www.baidu.com/”title=”www baidu com”>紅色</a>
其中，標(biāo)簽a的title屬性包含三個(gè)值（多個(gè)值使用空格分隔），其中一個(gè)為baidu，因此可2配樣式。
(4) E[att[=val]屬性值選擇符
E[att\=val]屬性值選擇符用于連字符匹配，與空白匹配的功能和用法相同，但是連字符l配中的字符串列表用連字符“，”進(jìn)行分割。其格式為：
E[attl=val]
{
/*CSS代碼*／
}
其中，E表示網(wǎng)頁(yè)元素，att表示元素的屬性，val表示屬性值。E[attj=val]屬性值選擇符匹l文檔中具有att屬性且其中一個(gè)值為val，或者以val開(kāi)頭緊隨其后的是連字符“-"的E元素示例代碼如下：
*[lang\="en”】
{
color: red;
)
