CSS3选择器

<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属性选择器
 	[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;
}