css选择符权重,css层叠性

选择符的权重问题：

内联样式表(1000)>id选择符(100)>class选择符(10)>标签选择符(1)

伪类选择器权重为10

包含选择符权重等于权重之和 eg:#box div{} 100+1=101

群组选择符权重是不会发生变化的，保持原来的权重值

!important权重最高

css层叠性？：权重！！！

产生权重关系，必然体现css得层叠性。

0、！important最重要的样式

1、内联>内部/外部，内部和外部与书写顺序有关

2、选择符权重：id>calss/伪类>标签

3、开发者样式权重>用户样式>浏览器样式

4、当权重相同的时候，后写的样式会覆盖前面的样式

css选择符权重,css层叠性

原文：https://www.cnblogs.com/piaoyi1997/p/12530163.html