CSS中的attr表示屬性選擇器，可以根據(jù)元素的屬性值選取元素。使用attr選擇器可以為元素增加更加細(xì)致的樣式設(shè)定。

[attr] {
/* 篩選所有具有該屬性的元素 */
}
[attr="value"] {
/* 篩選屬性值為value的元素 */
}
[attr~="value"] {
/* 篩選屬性值中包含value的元素，但是不僅限于value */
}
[attr^="value"] {
/*屬性值以value開(kāi)頭的元素 */
}
[attr$="value"] {
/*屬性值以value結(jié)尾的元素 */
}
[attr*="value"] {
/*屬性值中包含value的元素 */
}

例如，可以使用attr選擇器為所有具有title屬性的鏈接增加樣式：

a[title] {
font-weight: bold;
color: red;
}

還可以根據(jù)屬性值的不同為不同的元素增加樣式：

p[lang="en"] {
font-family: Arial, sans-serif;
font-size: 14px;
color: #333;
}
p[lang="zh-cn"] {
font-family: "Microsoft Yahei", sans-serif;
font-size: 14px;
color: #333;
}

當(dāng)然，使用attr選擇器時(shí)需要保證元素中存在該屬性，否則樣式無(wú)法生效。

CSS中的attr選擇器為我們?cè)O(shè)計(jì)網(wǎng)頁(yè)增加了更多的樣式選擇器，可以讓我們的網(wǎng)站更加美觀、精致。