CSS3选择器

新增基本选择器

选择器	概念	语法格式	兼容性
子元素选择器	选择某个元素的子元素	父元素>子元素	IE8+、FireFox、Chrome、Safari、Opera
相邻兄弟选择器	选择紧接在元素后的兄弟元素，它们具有同一父元素	元素+兄弟相邻元素	IE8+、FireFox、Chrome、Safari、Opera
通用兄弟选择器	选择元素后面的所有兄弟元素，它们具有同一个父元素	元素~后面所有兄弟相邻元素	IE8+、FireFox、Chrome、Safari、Opera
群组选择器	将具有相同样式的元素分组在一起，每个选择器之间使用逗号隔开	元素1，元素2，…，元素n	IE6+、FireFox、Chrome、Safari、Opera
属性选择器	对带有指定属性的元素设置样式	语法格式	兼容性

属性选择器

概念：对带有指定属性的HTML元素设置样式。

选择器	概念	兼容性
Element[attribute="value"]	选择具有attribute属性并且值为value的元素	IE8+、FireFox、Chrome、Safari、Opera
Element[attribute~="value"]	选择具有attribute属性并且值包含单词value的元素	IE8+、FireFox、Chrome、Safari、Opera
Element[attribute^="value"]	选择具有attribute属性并且值以value开头的元素	IE8+、FireFox、Chrome、Safari、Opera
Element[attribute$="value"]	选择具有attribute属性并且值以value结尾的元素	IE8+、FireFox、Chrome、Safari、Opera
Element[attribute*="value"]	选择具有attribute属性并且值包含value的元素	IE8+、FireFox、Chrome、Safari、Opera
Element[attribute|="value"]	选择具有attribute属性并且值为value或者以value开头的元素	IE8+、FireFox、Chrome、Safari、Opera

结构类选择器

选择器	概念	兼容性
Element:first-child	选择属于其父元素的首个子元素的每一个Element元素	IE8+、FireFox、Chrome、Safari、Opera
Element:last-child	选择属于其父元素的最后一个子元素的每一个Element元素	IE8+、FireFox、Chrome、Safari、Opera
Element:nth-child（N）	选择属于其父元素的第N个子元素的每一个Element元素	IE9+、FireFox4+、Chrome、Safari、Opera
Element:nth-last-child（N）	选择属于其父元素的第N个子元素的每一个Element元素,从最后一个元素开始计数	IE9+、FireFox4+、Chrome、Safari、Opera
Element:nth-of-type（N）	选择属于其父元素的第N个Element元素	IE9+、FireFox4+、Chrome、Safari、Opera
Element:nth-last-of-type（N）	选择属于其父元素的第N个Element元素,从最后一个元素开始计数	IE9+、FireFox4+、Chrome、Safari、Opera
Element:first-of-type	选择属于其父元素的第一个Element元素	IE9+、FireFox、Chrome、Safari、Opera
Element:last-of-type	选择属于其父元素的最后一个Element元素	IE9+、FireFox、Chrome、Safari、Opera
Element:only-child	选择属于其父元素的唯一子元素的每个Element元素	IE9+、FireFox、Chrome、Safari、Opera
Element:only-of-type	选择属于其父元素的唯一的Element元素	IE9+、FireFox4+、Chrome、Safari、Opera
Element:empty	选择没有子元素（包括文本节点）的每个Element元素	IE9+、FireFox、Chrome、Safari、Opera
:not(Element/selector)	选择非指定元素/选择器的每个元素	IE9+、FireFox、Chrome、Safari、Opera

伪元素

伪元素	概念	说明
Element::first-line	选择Element元素的第一行文本	“first-line” 伪元素只能用于块级元素
Element::first-letter	选择Element元素的首字母	"first-letter"伪元素只能用于块级元素
Element::before	在Element元素的内容前面插入新的内容	常用"content"配合使用，是行级元素
Element::after	在Element元素的内容后面插入新的内容	常用"content"配合使用，多用于清除浮动
Element::selection	用于设置在浏览器中选中文本后的背景色与前景色	IE9+支持，Firefox需要加上前缀"-moz"，其余浏览器都支持