学习自：深入解析CSS
层叠的规则
层叠值——作为层叠结果，应用到一个元素上的特定属性的值。
CSS 优先级法则总结：
A 选择器都有一个权值，权值越大越优先；
B 当权值相等时，后出现的样式表设置要优于先出现的样式表设置；
C 创作者的规则高于浏览者：即网页编写者设置的CSS 样式的优先权高于浏览器所设置的样式；
D 继承的CSS 样式不如后来指定的CSS 样式；
E 在同一组属性设置中标有“!important”规则的优先级最大；
开发者工具
样式来源
你的样式表属于作者样式表，除此之外还有用户代理样式表，即浏览器默认样式。
标记了！important的声明会被当作更高优先级的来源，因此总体的优先级按照由高到低排列如下所示：
(1) 作者的！important
(2) 作者
(3) 用户代理
优先级
浏览器将优先级分为两部分：HTML的行内样式和选择器的样式。
行内样式
行内样式属于“带作用域的”声明，它会覆盖任何来自样式表或者