CSS 权重图

关系图

图片出处我找不到了。

结论

权重从高到低排序

1. !important
2. style
3. #id
4. .class .child-class
5. .class1.class2
6. .class 与 [ATTR] 并列
7. element child-element
8. element
9. *

并且注意第6点，类、伪类、属性选择器权重一致。