选择器

一、优先级
1、 !important > 行间样式> id > class > 标签选择器 > (通配选择器) > 继承 > 浏览器默认样式
二、类型
1、包含选择器 ： #box .p
包含选择器层级较多时，可以约分包含选择器：如#id .class的优先级高于#id;
如果多个选择器优先级一致：后面覆盖前面
2 、 分组选择器 #box1,.wrap
3、 多条件选择器 p.p2
4、 子元素选择器 #box1>div
5、 next 选择器 .p1+div (满足下一个，并且为div)
6、 通用兄弟选择器 .p1~div (.p1之后的同级元素，并且为div)
7、 伪类选择器
a:link—所有未被访问的链接。
a:visited—所有已被访问的链接。
a:hover—鼠标指针位于其上的链接。
a:active–（正在击中）
input:focus—选择获得焦点的 input 元素
p:before—在每个 p 元素的内容之前插入内容。
p:after—在每个 p 元素的内容之后插入内容。 (清除浮动)
三、css3属性选择器
1 、E[attr] 匹配具有attr属性的E元素 　 2 、 E[attr=val] 匹配具有attr属性且值只为val的的E元素
3 、E[attr~=val] 匹配属性值为attr，并包含这个val值的E元素，用于选取属性值中包含指定词汇的元素。 attr属性里包含val值
4 、 E[attr=“value”]指定了属性名，并且有属性值，而且属值中包含了value attr属性里有包含"value"的字串
5 、 E[attr^=“value”]指定了属性名，并且有属性值，属性值是以value开头的
6 、 E[attr$=“value”]指定了属性名，并且有属性值，而且属性值是以value结束的
7 、 E[attr|=“value”]指定了属性名，并且属性值是value或者以"value-"开头的值（比如说zh-cn）
四、伪类选择器
E:nth-child(n) 表示E父元素的第n个子节点，且类型为E，特殊值odd（匹配奇数行）等价于2n/even（匹配偶数行）等价于2n+1（下面的其他选择器同理）
E:nth-last-child(n) 表示E父元素的第n个子节点，从后向前算，且类型为E
E:nth-of-type(n) 表示E父元素的第n个E子节点
E:nth-last-of-type(n)表示E父元素的第n个E子节点，从后向前E:first-child 表示E父元素中的第一个子节点，且类型为E，等价于E:nth-child(1)
E:last-child 表示E父元素中的最后一个子节点，且类型为E，等价于E:nth-last-child(1)
E:first-of-type 表示E父元素中的第一个E子节点，等价于E:nth-of-type(1)
E:last-of-type 表示E父元素中的最后一个E子节点，等价于E:nth-last-of-type(1)
E:empty 表示E元素没有子节点。注意：包含文本节点 选择所有没有内容的元素
E:only-child表示E父元素中只有一个子节点。注意：不包含文本节点 选择一个E元素，他没有同级元素
E:only-of-type 表示E父元素中只有一个子节点，且这个唯一的子节点的类型必须是E。注意：不包含文本节点
选择一个E元素，他的父元素可以有很多子元素，但只能有一个E元素
E:disabled 表示不可点击（获取焦点）表单控件
E:enabled 表示可点击（获取焦点）的表单控件
E:checked 表示已选中的checkbox或radio
E:not(s) 表示E选中的元素中的s不被匹配（s是标签名）
E:target 表示当前的URL片段的元素类型（id被a的href链接并被点击，也就是锚点——访问的a标签的链接为某元素的id），这个元素必须是E