css权重

  权重排序：
           内联样式(1000) > id选择器(0100) > class选择器(0010) > 类型选择器(0001) > 继承（0000）
           *    当不同选择符的样式设置有冲突的时候，高权重选择符的样式会覆盖低权重选择符的样式。
        例如：b    .demo{    }的权重是1+10=11                   
        .demo{    }的权重是10   
            所以经常会发生.demo的样式失效
        相同权重的选择符，样式遵循就近原则：哪个选择符最后定义，就采用哪个选择符样式。
        注意：是css样式中定义该选择符的先后，而不是html中使用先后）