CSS三大特性

61 阅读1分钟

CSS三大特性

层叠性

相同选择器如果给到重复的样式,此时一个样式会覆盖(层叠)另一个冲突的样式
如果样式冲突,那么根据就近原则,谁离结构近,谁就生效

继承性

子元素会继承父元素的一些样式,
可继承的样式有text-xxx,font-xxx,line-xxx,color
其他样式不会被继承

优先级

继承或者* 0,0,0,0
元素选择器 0,0,0,1
类选择器、伪类选择器 0,0,1,0
ID选择器 0,1,0,0
行内样式 1,0,0,0
!important

                         注意:↑↑↑↑↑↑↑↑不是二进制,所以在权重叠加时不要进位.
                         如 div p {···} 权重叠加是 0,0,0,1 + 0,0,0,1 = 0,0,0,2