web(css1&2&3选择器汇总）

web(11.16-11.17)

一、元素选择器

选择符	描述
*	通配选择器，适用于所有对象
e	标签选择器，以对象类型作为选择符
#id	id选择器
.class	类选择器

二、关系选择器

选择符	描述
e f	选择e包含的所有f元素
e>f	选择e所包含的所有子元素f
e+f	选择紧贴在e后面的f元素
e~f	选择e后面所有兄弟元素f

三、伪类选择器

选择符	描述
e:link	设置链接访问前的样式
e:visited	设置链接被访问后的样式
e:hover	设置鼠标悬停时的样式
e:active	设置鼠标点击与释放之间发生的事件时的样式
e:checked	UI状态伪类选择器， 设置被选中状态的元素的样式（用于输入类型为radio(单选按钮)checkbox(多选按钮）
e:enabled	UI状态伪类选择器，设置为可用状态（默认状态）
e:disabled	UI状态伪类选择器， 设置禁用状态
e:root	结构伪类选择器，匹配e元素的根元素
e:first-child	结构伪类选择器，匹配父元素的第一个子元素e
e:last-child	结构伪类选择器， 匹配父元素的最后一个子元素 e
e:only-child	结构伪类选择器， 匹配父元素仅有的一个子元素e
e:nth-child(n)	结构伪类选择器，匹配父元素第n个子元素e
e:nth-last-child()	结构伪类选择器， 匹配父元素倒数第几个元素素e
e:first-of-type	结构伪类选择器，匹配同类型中的第一个同级兄弟元素e
e:last-of-type	结构伪类选择器，匹配同类型中的最后一个同级兄弟元素 e
e:only-of-type	结构伪类选择器， 匹配同类型中的仅有的一个同级兄弟元素e
e:nth-of-type(n)	结构伪类选择器，匹配同类型中的第n个同级兄弟元素e
e:nth-last-of-type(n)	结构伪类选择器，匹配同类型中的倒数第n个同级兄弟元素 e
e:empty	结构伪类选择器，匹配没有任何子元素的元素e

四、属性选择器

选择符	描述
e[att]	选择具有att属性的e元素
e[att=“val”]	选择具有att属性，并且其属性值为“val”的e元素
e[att~=“val”]	选择具有att属性，属性值为用空格分开的字词列表，且其中一个字词等于val的e元素
e[att	=”val“]
e[att^=“val”]	选择具有att属性，且属性值是以val开头的字符串的e元素
e[att$=“val”]	选择具有att属性，且属性值是以val结尾的字符串的e元素
e[att*=“val”]	选择具有att属性，且属性值是包含val的字符串的e元素

五、伪对象选择器

选择符	描述
e:first-letter/e::first-letter	设置对象内第一个字符的样式
e:first-line/e::first-line	设置对象内第一行的样式
e:before/e:before	设置在对象前发生的内容，与content属性一起使用
e:after/e::after	设置在对象后发生的内容，与content属性一起使用
e:selection	设置对象被选择时的字体颜色和背景