CSS3选择器相关剖析.docx

CSS3选择器相关CSS3选择器 属性选择器在HTML中，通过各种各样的属性可以给元素增加很多附加的信息。例如，通过id属性可以将不同div元素进行区分。? ?在CSS2中引入了一些属性选择器，而CSS3在CSS2的基础上对属性选择器进行了扩展，新增了3个属性选择器，使得属性选择器有了通配符的概念，这三个属性选择器与CSS2的属性选择器共同构成了CSS功能强大的属性选择器。如下表所示：选择器描述E[att^=”stringvalue”]匹配元素E且E元素定义了att属性，该属性以stringvalue的内容开头E[att$=”stringvalue”]匹配元素E且E元素定义了att属性，该属性以stringvalue的内容结尾E[att*=”stringvalue”]匹配元素E且E元素定义了att属性，该属性的任意位置包含了stringvalue的内容。(单击可放大)实例展示：html代码：a href=xxx.pdf我链接的是PDF文件/aa href=# class=icon我类名是icon/aa href=# title=我的title是more我的title是more/acss代码??a[class^=icon]{ background: green; color:#fff;}a[href$=pdf]{ background: orange; color: #fff