CSS三大特性

175 阅读1分钟

层叠性

相同选择器给设置相同的样式,此时一个样式就会覆盖另一个冲突的样式。
原则:就近原则。样式不冲突的不会层叠

继承性

子标签会继承父标签的某些样式,如文本颜色和字号
子元素可以继承的样式(text-   font-  line这些开头,以及color)

行高的继承
    行高可以跟单位也可以不跟单位
        不跟单位  12px/1.5
        这个1.5是当前元素文字大小的1.5倍  若文字大小14px 则行高14px*1.5

优先级

选择器                               权重
继承或*                            0,0,0,0
元素选择器                         0,0,0,1
类选择器,伪类选择器                0,0,1,0  
ID选择器                           0,1,0,0
行内样式 style=" "                 1000
!important                        无穷大

复合选择器有权重叠加

    li{}                      权重 0001
    ul li{}                   权重 0001 + 0001 = 0002
    .class li                 权重 0010 + 0001 = 0011
    a:hover                   权重 0001 + 0010 = 0011
    
    权重可以叠加但是不会进位