1.属性选择器
HTML
<p name="a">用于选取带有指定属性的元素</p><p name="line">用于选取带有指定属性和值的元素</p><p name="line1 line2">此属性值是一个词列表,并且以空格隔开,其中词列表中包含了一个value词</p><p name="b">用于选取带有以指定值开头的属性值的元素,该值必须是整个单词。</p><p name="mline">匹配属性值以指定值开头的每个元素</p><p name="mlines">匹配属性值以指定值结尾的每个元素</p><p name="mliKnes">选择器匹配属性值包含指定值的每个元素</p>
CSS
/* css属性选择器 [attr]用于选取带有指定属性的元素 [attr=value]用于选取带有指定属性和值的元素 [attr~=value]此属性值是一个词列表,并且以空格隔开,其中词列表中包含了一个value词 [attr|=value]用于选取带有以指定值开头的属性值的元素,该值必须是整个单词。 [attr^=value]匹配属性值以指定值开头的每个元素 [attr$=value]匹配属性值以指定值结尾的每个元素 [attr*=value]选择器匹配属性值包含指定值的每个元素 */p{border: 1px solid #000;width: 500px;}p[name]{background: pink;}p[name=line]{background: red;}p[name~=line2]{background: #00CC99;}p[name|=b]{background: #880000;}p[name^=m]{background: #6347ED;}p[name$=s]{background: yellow;}p[name*=K]{background: fuchsia;}
CSS3选择器
原文地址:http://www.cnblogs.com/yangxue72/p/8109738.html