网页建设与制作

属性选择符 属性选择符在元素后面加一个方括号,在方括号中列出各种属性或者表达式。属性选择符可以匹配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:boldp作用于任何带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; )