css继承性和层叠性
css继承性
- 继承性:有一些属性,当给自己设置的时候,自己的后代都继承上了
css层叠性--计算权重
- 层叠性:就是css处理冲突的能力
- 当多个选择器,选上了同一个元素,权重要按照顺序
- id选择器
- 类选择器,伪类选择器,属性选择器
- 标签选择器,伪元素选择器
- 权重相同时:就近原则(后者离得近用后者)
层叠性:权重计算总结
- 选择上了,数权重(id>类>标签)--》如果权重一样,就近原则
- 没有选择上,就近原则,谁近用谁--》如果一样近,比较选择器权重谁重--》如果权重一样,就近原则,谁近用谁
css样式表冲突总结
- 对于相同的选择器,排序:行级样式>内嵌样式表>外部样式表(就近原则)
- 对于相同的样式表,排序:ID选择器>类选择器>标签选择器
- 外部样式表的ID选择器>内部样式表的标签选择器
总结:就近原则,ID选择器的优先级最大
!important标记:优先级最高
- 给属性提高权重,无穷大
- !important提升的是一个属性,而不是一个选择器3
- !important无法提升继承的权重,该0还是0
- !important不影响就近原则