CSS中样式的继承和选择器的权重

1、样式的继承

        样式的继承：我们为一个元素设置的样式同时也会应用到它的后代元素上

            继承发生在祖先元素和后代元素之间

            继承的设计是为了方便开发

             利用继承可以将一些通用的样式统一设置到共同的祖先元素上

              这样只需设置一次即可让所有元素都有该样式

            注意：并不是所有样式都会被继承

             如：背景相关的，布局相关的等这些样式都不会被继承

2、选择器的权重

         样式的冲突：当我们通过不同的选择器，选中相同的元素，并且为相同的样式设置不同的                    值，此时就发生了样式的冲突。

              发生样式冲突时，应用哪个样式有选择器的权重（优先级）决定

            选择器的权重

                内联样式                       1,0,0,0

                id选择器                         0,1,0,0

                类和伪类选择器             0,0,1,0

                元素选择器                    0,0,0,1

                通配选择器                    0,0,0,0

                继承的样式                    没有优先级

            比较优先级时，需要将所有的选择器的优先级进行相加计算，最后优先级越高，则越优先                  显示（分组选择器是单独计算的）

           【注】选择器的累加不会超过其最大的数量级，类选择器的优先级再高也不会超过id选择器

                如果优先级计算后相同，此时则优先使用靠下的样式  

            可以在某一个样式后加!important,则此时该样式会获取到最高的优先级，甚至超过内联样式

                注意：在开发中，慎用!important