css3新增选择器

1.        属性选择器：

1)        E[att]  元素[属性]：选择具有att属性的E元素，需要选择有某个属性的元素，  而不论是行为是什么，可以使用简单的属性选择器

注：可以根据多个属性进行选择，只需要将属性选择器连接即可。

2)        E[att=val] 元素[属性=属性值]: 选择具有att属性且属性值为val的E元素，进一步缩小范围

3)        E[att~=”val”] 元素[属性~=”属性值”]：选择具有att属性且属性值有很多个，其中一个属性值为val的E元素

4)        E[att|=”val”] 元素[属性|=“属性值”]：选择具有att属性并且属性值为val开头并且用连接符“-”分割字符串的E元素

5)        E[att^=”val”] 元素[属性^=“属性值”]：选择具有att属性，且属性值是以val开头的E元素

6)        E[att$=”val”] 元素[属性$=“属性值”]：选择具有att属性并且属性值是以val结尾的E元素

7)        E[att*=”val”] 元素[属性*=“属性值”]：选择具有att属性并且属性值包含val字符的E元素

2.        伪元素选择器（伪对象/虚拟选择器）：内容本来不是一个元素，但是我们选择器可以像选择元素一样的选择他，并且设置样式

1)        E:first-letter/E::first-letter（c3新版）：设置元素内第一个字符的样式   注：针对的一定是块级元素

2)        E:first-line/ E::first-line（c3新版）：设置元素内的第一行字符的样式

3)        E:before/E::before（c3新版）：在每个E元素的内容之前插入内容，用来和content（内容）属性一起使用。

4)        E:after/E::after（c3新版）：在每个E元素的内容之后插入内容，用来和content（内容）属性一起使用。

如果是一个就没有必要在前后插入，如果有很多的话并且需要修改则要用到

5)        E:selection：设置对象被选中时的颜色。

3.        伪类选择器：

1)        E:first-child：父元素的第一个子元素E

2)        E:last-child：父元素的最后一个子元素E

3)        E:nth-child(n)：匹配父元素的第n个子元素E

           E:nth-child(odd)：匹配父元素的奇数子元素E

           E:nth-child(even)：匹配父元素的偶数子元素E

4)        E:nth-last-child(n)：匹配父元素的倒数第n个子元素E