[13th-铁人赛]Day 9:Modern CSS 超详细新手攻略 - Specificity

今天要讲的主题是权重，权重在CSS中扮演着裁决者的角色，在被重复赋予样式时，决定最终该显示哪一个样式。

权重可以转换成图中分数:

1. 千位数为inline-style
2. 百位数为id
3. 十位数为class或attribute
4. 个位数为element
   

影响样式的其他因素

1. 权重叠加:可以透过选择器叠加增加权重分数
   
2. 先後顺序:後写的样式可以盖掉之前写的样式
3. 大魔王important:!important可以盖掉所有的权重

总结
权重强度:!important > inline style > #id > .class > element

Challenge