CSS选择器介绍------借鉴w3school.com.cn

·通配符：*，表示选择所有；
·元素选择器：elementName；
·类选择器：.className；
·id选择器：#id；
·属性选择器：[attribute]带有指定属性的元素；[attribute=value]带有指定属性和值的元素；[attribute~=value]属性值
中包含指定词汇的元素，适用于由空格分隔的属性值；[attribute|=value]属性值以指定值开头，该值必须是整个单词或后面带有连字符，适用于由连字符分隔的属性值；      CSS中的词/字指的是由空白符包围的一个字符串。
·派生/上下文选择器：根据文档的上下文关系进行选择。
        |-后代选择器：element1 element2，选择作为某元素（element1）后代的元素（element2），包含关系深度不限，结合符---空格；
        |-子元素选择器：element1>element2，选择作为某元素（element1）子元素的元素（element2）。包含关系深度为1，即element1必须是element2的直接父元素，结合符--->。
        |-相邻兄弟选择器：element1+element2，选择紧接在另一元素（element1）后的元素（element2），且二者有相同的父元素。即选择element1的相邻的那个兄弟element2，结合符---+。
·组合选择器：element1,element2，选取element1和element2，结合符---，。
·伪类：用于设置元素在不同状态下的样式。
        |-:link，未被访问的链接的样式；
        |-:visited，已被访问的链接的样式；
        |-:hover，鼠标悬停在元素上方时的样式；
        |-:active，元素被激活时（在鼠标点击与释放之间的状态）的样式；
        |-:focus，元素获得焦点时的样式；
        |-:first-child，向属于其父元素的首个子元素添加样式。如：p:first-child，表示如果p元素是其父元素的首个子元素才应用样式，p和:first-child间没有结合符，表示"且"的关系，所以选择的是p元素，且是其父元素的首个子元素的那个p元素。
        |-:lang(language)，向带有指定lang属性的元素添加样式；
说明：a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。a:active 必须被置于 a:hover 之后，才是有效的。
·伪元素："伪"表示不是真的元素。
        |-:first-letter，选取元素中文本的首字母，只能用于块级元素，可在:first-letter使用的属性有：字体类、文本类、背景色类
、margin类、padding类、border类、float。
        |-:first-line，选取元素中文本的首行，只能用于块级元素，可在:first-line使用的属性有：字体类、文本类、背景色类。
        |-:before，在元素的内容之前添加内容，添加内容格式为：content：……;也可以为该内容设置样式。
        |-:after，在元素的内容之前添加内容，添加内容格式为：content：……;也可以为该内容设置样式。
补充：选择器间没有结合符时，两选择器间是"且"的关系。

 

CSS3选择器

·属性选择器：[attribbute^=value]开头；[attribute$=value]结尾；[attribute|=value]包含；
·通用兄弟选择器：element1~element2，选择element1之后出现的所有element2，两者必须拥有相同的父元素；
·伪类
        |-:target，选取当前活动的目标元素，<a>元素的href属性可以指向文档中的某个元素（#id）以实现文档内的跳转，这个被指向的元素就是目标元素，当点击<a>元素实现跳转，该目标元素就处于"活动"状态，此时会应用:target选择器设置的样式。
        |-:enabled，匹配每个可用的元素（大多用在表单元素上）。
        |-:disabled，匹配每个被禁用的元素（大多用在表单元素上）。
        |-:checked，匹配每个已被选中的input元素（只用于单选按钮和复选按钮）。只有Opera支持。
        |-:last-child，匹配属于其父元素最后一个子元素的那个元素（与:first-child比较）。
        |-:nth-child(n)，匹配属于其父元素的第N个子元素，不论其类型。
        |-:nth-last-child(n)，匹配属于其父元素的倒数第N个子元素的每个元素，不论元素的类型。
        |-:nth-of-type(n)，匹配属于父元素的特定类型的第N个子元素的每个元素，E:nth-of-type(n),注意，所有匹配E的子元素被分离出来单独排序。非E的子元素不参与排序。
        |-:nth-last-of-type(n)，匹配属于父元素的特定类型的倒数第N个子元素的每个元素。
        |-:first-of-type，匹配属于其父元素的特定类型的首个子元素的每个元素。等同于:nth-of-type(1)。
        |-:last-of-type，匹配属于其父元素的特定类型的最后一个子元素的每个元素。等同于:nth-last-of-type(1)。
        |-:only-child，匹配属于其父元素的唯一子元素的元素，也就是说，如果某个父元素仅有一个子元素，则选择这个子元素。
        |-:only-of-type，匹配属于其父元素的特定类型的唯一子元素的每个元素。
        |-:empty，匹配没有子元素（包括文本节点）/内容为空的每个元素。
        |-:not(selector)，选择除了selector选中的元素之外的元素。
说明：n可以是数字、关键字或公式，关键字有odd（奇数）、even（偶数），公式的格式为an+b，a和b为数字，n从1开始。
·伪元素
        |-::selection，匹配被用户选取的部分，只能向::selection选择器应用少量CSS属性——color、background、cursor以及outline。用户在元素上拖动鼠标可以选中部分文本，被选中的文本可以应用样式。