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