CSS 屬性選擇器
CSS屬性選擇器可以根據(jù)元素的屬性和屬性值來(lái)選擇元素。 _
屬性選擇器的語(yǔ)法是把需要選擇的屬性寫在—對(duì)中括號(hào)里，例如把包含標(biāo)題（title)的所有元素變?yōu)榧t色，可以寫作：
*[title] {color:red;}
也可以采取與上面類似的寫法，可以只對(duì)有href屬性的錨（a元素）應(yīng)用樣式：
a [bref] (color:red;)
還可以根據(jù)多個(gè)屬性進(jìn)行選擇，只需將屬性選擇器鏈接在一起即可。例如，將同時(shí)有href和title屬性的HTML超鏈接的文本設(shè)置為紅色，可以這樣寫：
a[href] [title] {color:red:}
以上都是屬性選擇器的用法。也可以把以上所學(xué)的選擇器組合起來(lái)，釆用創(chuàng)造性的方法來(lái)使用這個(gè)特性。
【例題】使用屬性選擇器
代碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
img[alt]{
border:3px solid red;
}
img[alt="image"]{
border:3px solid blue;
}
</style>
</head>
<body>
<img src="img/01.jpg"alt="" width="200">
<img src="img/01.jpg" alt="image" width="200">
<img src="img/01.jpg" alt="" width="200">
<img src="img/01.jpg" alt="" width="200">
<img src="img/01.jpg" alt="" width="200">
<img src="img/01.jpg" alt="" width="200">
</body>
</html>
上面這段代碼想要實(shí)現(xiàn)的是：所有擁有alt屬性的img標(biāo)簽都有3個(gè)像素寬度的，實(shí)線類型的邊框，并且為紅色；又對(duì)alt屬性且值為image的元素重新進(jìn)行樣式設(shè)置，它的邊框顏色可以有所變化，設(shè)置為了藍(lán)色。代碼運(yùn)行效果如圖所示。
湘公網(wǎng)安備:43011102000856號(hào) 
點(diǎn)擊加載更多評(píng)論>>