CSS选择符权重

CSS的选择符是有权重的，当不同选择符的样式设置有冲突时，会采用权重高的选择符设置样式。

权重的规则：

HTML标签的权重是1；例如p的权重是1,"div em"的权重是1+1=2,

class的权重是10； 例如"strong.demo"的权重是10+1=11

id的权重是100；例如"#test.red"的权重是100+10=110

在使用CSS样式时，如果CSS选择符权重相同，样式会遵循就的原则，哪个选择符最后定义，就采用哪个选择符的样式。

为了保证样式容易被覆盖，提高可维护性，CSS选择符需保证权重尽可能低。