特殊性、继承、层叠 -> 解决样式冲突
1、特殊性
内联样式: 1,0,0,0
ID选择器:0,1,0,0
类选择器,属性选择器,伪类:0,0,1,0
元素选择器和伪元素:0,0,0,1
特殊性作为样式权重值,以权重值大的样式作为选中样式
1,0,0,0 > 0,1,0,0 > 0,0,1,0 > 0,0,0,1
重要性
// !important:具有重要性的样式 大于所有非重要性样式
#pid {
color: red !important;
}
2、继承
1.后代元素会继承父元素的样式。
2.有些属性不可继承,大多数框模型属性(外边距、内边距、背景、边框)都不能继承。
3.创作人员不能指望依靠继承在所有情况下都能得到预想的结果。
3、层叠
1. !important 重要性排在第一位。
读者的重要声明 > 创作人员的重要声明
2.相同->比较特殊性。
3.相同->按排列顺序,后出现胜出。