一、三大特性简述
层叠性: 后来的覆盖前面的 (长江后浪推前浪)
继承性: 子标签会继承父标签的某些样式 (跟文字有关的一般都会继承)
优先级: 设计到一个算法“css特殊性(Specificity)”
specificity用一个四位的数来表示,从左到右 左面的值最大,数位之间没有进制级别之间不可超越
继承或者*的贡献值 0,0,0,0
每个元素(标签)贡献值为0,0,0,1
每个类,伪类的贡献值 0,0,1,0
每个ID的贡献值为 0,1,0,0
每个行内样式贡献值 1,0,0,0
每个!important 无穷大
!important的用法
div { color: red!important;
}
二、优先级高低总结
相等价的时候取就近原则
权重可叠加叠加 1.使用了!important申明的规则
2.内嵌在HTML元素的style属性里面的申明
3.使用了ID选择器的规则
4.使用了类选择器、属性选择器、伪元素和伪类选择器
5.使用了元素选择器的规则
6.只包含一个通用选择器的规则
7.同一类选择器则遵循就近原则