CSS3 属性选择器

1.E [attr]

只使用属性名，但没有确定任何属性值

2.E [attr="value"]

指定属性名，并指定了该属性的属性值

3.E [attr~="value"]

指定属性名，并且具有属性值，此属性值是一个词列表，其中词列表中包含了一个value词，而且等号前面的“〜”不能不写

4.E [attr^="value"]

指定了属性名，并且有属性值，属性值是以value开头的

CSS3 结构性伪类

1.E:nth-child(n)

表示E父元素中的第n个子节点（从 1 开始）
参数也可以是一个表达式，2n+1 -> 匹配第奇数个子元素，n 从 0 开始

2.E:nth-last-child(n)

表示E父元素中的第n个子节点，从后向前计算

3.E:first-child

表示E父元素中的第一个子节点

4.E:last-child

表示E父元素中的最后一个子节点

注意（选择器: nth-of-type和nth-last-of-type选择器来避免这类问题的发生。使用这两个选择器时，css3在计算子元素是第奇数个子元素还是第偶数个子元素时，就只针对同类型的子元素进行计算了。）

5.E:nth-of-type(n)

表示E元素中的第n个子节点，且类型为E

6.E:nth-last-of-type(n)

表示E元素中的第n个字节点，且类型为E , 从后向前计算

7.E:first-of-type

表示E元素中的第一个子节点且节点类型是E的

8.E:last-of-type

表示E元素中的最后一个子节点且节点类型是E的

CSS3 其他伪元素

1.E:before

生成内容在E元素前

2.E:after

生成内容在E元素后

3.E :not(selector)

表示匹配E元素中除了 selector 的元素