CSS选择器的权重与优先规则

CSS中每一个定义的样式都有权重，权重越大优先级越大，就会覆盖低优先级的同样名称的样式。如果优先级一样，后定义的会覆盖之前定义的。

1.第一等是在标签里面定义的样式，如：

2.第二等是ID选择器，如：

#myid {       width: 100px;}

3.第三等是类选择器，如：

.myclass{    width: 100px;}

4.第四等是标签选择器，如：

input{    width: 100px;    }

5.如果是组合型的选择器，权重就等于各个子选择器的权重的和

#myid .myclass input h1 {        width: 100px    }

例如这个样式的权重就是100+10+1+1=112

例子

    
            
    
    
     
红色
    
    
    
     蓝色
    
    
    
     橙色
    
    
    
     黑色