CSS3新增选择器

1.CSS3属性选择器

• E[att]属性
• E[att='value']属性att的值为“value”的元素
• E[att~='value']属性att有多个值，“value”为其中一个
• E[att^=“value”]：属性att的值以“value”开头的元素。
• E[att$=“value”]：属性att的值以“value”结尾的元素。
• E[att*=“value”]：属性att的值包含“value”的元素。

2.CSS3结构伪类选择器

• :root：选择匹配文档的根元素。
• E:nth-child(n)：选择所有在其父元素中的第n个位置的匹配E的子元素。
• E:nth-last-child(n)：选择所有在其父元素中倒数第n个位置的匹配E的子元素。
• E:nth-of-type(n)：选择所有在其父元素中的同类型的第n个位置的匹配E的子元素。
• E:nth-last-of-type(n)：选择所有在其父元素中的同类型的倒数第n个位置的匹配E的子元素。
• E:last-child：选择位于其父元素中最后一个位置，且匹配E的子元素。
• E:first-of-type：选择在其父元素中匹配E的第一个同类型子元素。
• E:last-of-type：选择在其父元素中匹配E的最后一个同类型子元素。
• E:only-child：选择其父元素只包含一个子元素，且该子元素匹配E。
• E:only-of-type：选择其父元素只包含一个同类型的子元素，且该子元素匹配E。
• E:empty：选择匹配E的元素，且该元素不包含子元素。

3.CSS3 UI伪类选择器 

• E:enabled：选择匹配E的所有可用UI元素。
• E:disabled：选择匹配E的所有不可用UI元素。
• E:checked：可以针对复选框或单选框设置选中的样式
• E:read-write：选择匹配E的可读可写的元素。
• E:read-only：选择匹配设置“readonly”（只读）属性的元素。
• E::selection：匹配元素中被用户选中或处于高亮状态的部分。
• E:out-of-range：用于标签的值在指定区间之外时显示的样式。
• E:in-range：用于标签的值在指定区间之内时显示的样式。
• E:optional：用于匹配可选的输入元素。
• E:required：用于匹配设置了“required”属性的元素。
• E:valid：用于匹配输入值为合法的元素。
• E:invalid：用于匹配输入值为非法的元素。

4.其他CSS3选择器 

•  E~F：通用兄弟元素选择器。选择匹配F的所有元素，且匹配元素位于匹配E的元素后面。
• E:not(s)：否定伪类选择器。选择匹配E的所有元素，且过滤掉匹配s选择符的任意元素。E:not(s)选择器相当于二次过滤，                    适合精确选择元素
• E:target：目标伪类选择器类型。选择器匹配E的所有元素，且匹配元素被相关URL指向。该选择器是动态选择器，只有当                    存在的URL指向该匹配的元素时，样式效果才能够起效。