【网页建设与制作】
属性选择符
属性选择符在元素后面加一个方括号，在方括号中列出各种属性或者表达式。属性选择
符可以匹配HTML文档中元素定义的属性、属性值或属性值的一部分。属性选择符有7种具
体形式。
(1) E[att]属性名选择符
E[att]属性名选择符用于存在属性的匹配，通过匹配存在的属性来控制元素的样式，一般
要把匹配的属性包含在方括号中。其格式为：
E[att]
{
/*CSS代码*／
}
其中，E表示网页元素，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／
产作用于同时带href和title属性的a元素4／
)
(2) E[att=val]属性值选择符
E[att=val]属性值选择符用于精准属性的匹配，只有当属性值完全匹配指定的属性值时才会应用样式。其格式为：
(3) E[att~=val]属性值选择符
E[att~=val]属性值选择符用于空白分隔的匹配，通过为属性定义字符串列表，然后只要配其中任意一个字符串即可控制元素样式。其格式为：
E[att---val]
{
/*CSS代码*／
)
其中，E表示网页元素，att表示元素的属性，val表示属性值。E[att~=val]属性值选择符匹文档中具有att属性且其中一个值（多个值使用空格分隔）为val（val不能包含空格）的E素。示例代码如下：
a[title~_”baidu”】
{ {
color：red; 1
)
应用此样式的代码如下： 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表示网页元素，att表示元素的属性，val表示属性值。E[attj=val]属性值选择符匹l文档中具有att属性且其中一个值为val，或者以val开头紧随其后的是连字符“-"的E元素示例代码如下：
*[lang\="en”】
{
color: red;
)
