CSS 三大特性

继承性

        特性：子元素有默认继承父元素样式的特点

        可以继承的常见属性：

                1. color

                2. font-style、font-weight、font-size、font-family

                3. text-indent、text-align

                4. line-height

                5. ……

        tips： 可以通过调试工具判断样式是否可以继承

        

        继承失效的特殊情况

        如果元素有浏览器默认样式，此时继承性依然存在，但是优先显示浏览器的默认样式

        1. a标签的color会继承失效

        其实color属性继承下来了，但是被浏览器默认设置的样式给覆盖掉了

        2. h系列标签的font-size会继承失效

        其实font-size属性继承下来了，但是被浏览器默认设置的样式给覆盖掉了

        3. div的高度不能继承，但是宽度有类似于继承的效果

        宽度属性不能基继承，但是div有独占一行的特性

层叠性

        

        两种情况:

                1. 给同一个标签设置不同的样式 → 此时样式会层叠叠加 → 会共同作用在标签上

                2. 给同一个标签设置相同的样式 → 此时样式会层叠覆盖 → 最终写在最后的样式会生效

        当层叠性出现的时候,是因为选择器优先级相同,才会用来比较层叠性

优先级

        

        继承 < 通配符选择器 <标签选择器 < 类选择器 < id选择器 < 行内样式 < !important

        tips:    !important不能提升继承的优先级， 只要是继承优先级最低 ,一般开发都不用,因为他太顽固了

        权重叠加的计算

        

        碰到复合选择器时,需要计算权重

         

        这就用到一个公式:

        

        

 

比较规则：

1. 先比较第一级数字，如果比较出来了，之后的统统不看

2. 如果第一级数字相同，此时再去比较第二级数字，如果比较出来了，之后的统统不看

3. ……

4. 如果最终所有数字都相同，表示优先级相同，则比较层叠性（谁写在下面，谁说了算）

最后还是那个无敌的存在  .....      !important如果不是继承，则权重最高，天下第一！