选择器类型
下面，选择器类型的优先级是递增的：
1、
类型选择器 (例如 h1)
伪元素 （例如 ::before）
2、
类选择器 （例如 .example）
属性选择器 （例如 [type=“radio”]）
伪类 （:hover） (LoVe HAte) Link Visited Hover Active
3、
ID选择器 （#example）
通配选择符 （*），关系选择符（+，-，~，’ ’）和否定伪类（：not()）对优先级没有影响。
但是（在:not() 内部声明的选择器是会影响优先级）
给元素添加的内联样式 （style = ‘font-weight: bold’）总是会覆盖外部任何样式表的任何样式，因此可以看做具有最高的优先级。
在一个声明样式中使用 !important 规则时，此声明将覆盖任何其他声明。
伪类和伪元素
伪类： 伪类用于选择DOM树之外的信息，或者是不能用简单选择器进行表示的信息。例如 (:visited)
伪元素： 伪元素为DOM树没有定义的虚拟元素。不同于其他选择器，它不以元素为最小选择单元，它选择的是元素指定内容。(::before)
在CSS3中，伪类与伪元素在语法上也有所区别，伪元素修改为以 :: 开头。但因为历史原因，浏览器对以 : 开头的伪元素也继续支持，但建议规范书写为 :: 开头。