CSS 的层叠规则说明_CSS教程_CSS_网页制作_

整个过程
查找competing rule集。
对competing rules进行排序；
对元素，应用sorted rules中的属性（层叠过程，高优先级的在上面，覆盖了下面低优先级的属性)
最后渲染，考虑继承值（也是个层叠过程)和默认值, 再做属性值转换。
原则就是 general ---> special
查找阶段
遍历所有css rule, 找出有效的rule.

Rules 排序
先 selector group，后 position group
selector groups：（从高到低）
1. !important 最高
2. inline style
3. id selector
4. class and pseudo-class pseudo-element, attribute selector
5. element selector
6. * universal selector

先看群组级别，
最高群组相同的话， 再看本群组的积分（多少个）,
如果数量相同，就要看更低的群组，重复；

如果还相同，就要看 postion group:

position group:
1.
2.