文档介绍：CSS系列：CSS3新增选择器

选择器
类型
说明
E
类型选择器
选择指定类型的元素
E#id
ID选择器
选择匹配E的兀素，且匹配兀素的id为“id,"E选择符可以省略。

元素为所匹配E元素的子元素。
E+F
相邻兄弟选择器
选择匹配F的元素，且该元素为所匹配E元素后面相邻的位置。

选择器
类型
说明
E[fooA="bar"]
属性选择器
选择匹配E的元素，且该元素定义了foo属性，foo属性值以“bar'开始。E选择符可以省略，表
示可匹配任意类型的兀素。
E[foo$="bar"]
属性选择器
选择匹配E的元素，且该元素定义了foo属性，foo属性值以“bar”结束。E选择符可以省略，表
示可匹配任意类型的兀素。
E[foo*="bar"]
属性选择器
选择匹配E的兀素，且该兀素疋义了foo属性，foo属性值包含bar”E选择符可以省略，表示
可匹配任意类型的兀素。
示例<!DOCTYPEhtml><html><head>vmetaname="viewport"content="width=device-width"/><title>Index</title>
vstyletype="text/css">body{font-size:12px;}ul,li{list-style:none;}li{height22px;line-height:22px;}a{text-decorationnone;color:#E47911;}a[href$="docx"]{backgroundurl(/Content/icon/)no-repeat;padding-left:20px;}a[href$="xlsx"]{backgroundurl(/Content/icon/)no-repeatpadding-left:20px;}a[href$="pptx"]{backgroundurl(/Content/icon/)no-repeatpadding-left:20px;}a[href$="pst"]{backgroundurl(/Content/icon/)no-repeat;padding-left:20px;}
</style></head><body>
<ul><li><ahref="">Word文件</a></li><li><ahref="">Excel文件</a></li><li><ahref='">PPT文件</a></li><li><ahref="">Outlook文件</a></li>
</ul></body></html>
效果
科出OI■坡件
Iff皿毗1文件
=FFT艾件
■JTCutlook^，通过DOM的相互关系来匹配特定的元素，减少文档内对class属性和ID属性的定义，使得文档更加简洁。
选择器
说明
E:root
选择匹配E所在文档的根兀素。在（