选择器的权重

权重是什么？

若是一个标签里面又有类又有id选择器的话，标签的渲染会听谁的话呢？

根据渲染结果咱们能够得出，它听了id选择器的话。
由于选择器之间的权重不同，若是选择器之间的css产生冲突，那么权重越大的能够覆盖掉权重小的
可是因为css有三种不一样的引入形式（行内，内部，外部）因此根据不一样的引入形式，权重也不同： 行内的权重最重， 内部的权重次之，写在 外部css文件里面的样式权重最低
记住下面的表格（如下的数字都是 二进制数）:

内联样式的权重是1000
id选择器的样式0100
类和伪类选择器0010
标签选择器0001
通配符选择器("*")0000

还有个比较异类的标识符叫!important，这个标识符的做用就是帮助选择器提高优先级

结果固然是内联样式的权重更重，元素被渲染成红色，可是若是咱们给它提高权益呢

就变成蓝色了！因此权重最重的是经过!important提升权益的css样式
!important关键字有必定的兼容性问题，在ie7以上的浏览器上都没有问题，ie6可能会失去效果