CSS三大特性
1、继承性
CSS_特性继承和层叠 - Bublly - 博客园 (cnblogs.com)
2、层叠性
CSS_特性继承和层叠 - Bublly - 博客园 (cnblogs.com)
3、优先级
3.1基本
1特性：
不同选择器具有不同的优先级，优先级高的选择器样式会覆盖优先级低选择器样式
2优先级公式：
继承<通配符选择器<标签选择器<类选择器<id选择器<行内样式<！important
3注意点：
1、!important写在属性值的后面，分号的前面！
2、!important不能提升继承的优先级，只要是继承优先级最低！
3.、实际开发中不建议使用！important。
div{
color:green !important;
}
3、2权重叠加计算
场景：如果是复合选择器，此时需要通过权重叠加计算方法，判断最终哪个选择器优先级最高会生效
权重叠加计算公式：（每一级之间不存在进位）
比较规则：
1、先比较第一级数字，如果比较出来了，之后的统统不看
2、如果第一级数字相同，此时再去比较第二级数字，如果比较出来了，之后的统统不看
3、如果最终所有数字都相同，表示优先级相同，则比较层叠性（谁写在下面，谁说了算！）
注意点：！important如果不是继承，则权重最高，天下第一！
内容来源于网络如有侵权请私信删除
文章来源: 博客园
- 还没有人评论，欢迎说说您的想法！
客服
