Css之权重问题

前言：在对前端页面越来越绚丽的情况下，需要使用的css修饰越来越多，有时会出现同属性覆盖问题，这里通过权重的大小解决问题。。。。

Css权重大小

1. !important infinity!!!
2. 行间表达式 1000
3. id选择器 100
4. 类选择器 伪类选择器 属性选择器 10
5. 标签选择器 伪元素选择器 1
6. *选择器 0

注意：这里的进制是256进制。。。

实战演练

div.wrapper{
background-color:red;
} 
它的权重为1+10

#wrapper{
 background-color:green;
}
//它的权重为100，所以最后div的颜色是green,而不是red

还有很多的列子这里就不一一列举了。。。