不同级
!important > 行内样式 > ID选择器 > 类选择器 > 元素 > 通配符 > 继承 > 浏览器默认 同级 相同优先级，出现在后面的，覆盖前面的 同一级别css引入方式不同，优先级不同 内联(行内)样式 > 内部样式表 > 外部样式表 > 导入样式(@import) 优先级的算法
- 内联样式，（style=””），权值为1000。
- ID选择器（#content），权值为0100。
- 类选择器（.class），属性选择器( [type=""] )，伪类选择器(:hover)；权值为0010。
- 标签选择器（p）和伪元素选择器（::before）权值为0001。
- 通配选择符（*）关系选择符（+, >, ~, ’ ', ||）,权值为0000。
- 继承样式没有权值。
总结：
- 选择器越具体，其优先级越高
- 相同优先级，出现在后面的，覆盖前面的
- 属性后面加 !important 的优先级最高，但是要少用
