css选择器权重

css选择器权重示例：

屏幕快照 2017-05-27 09.56.17.png

.html

    

        
        
你好
    

.css

 /*标签选择器 权重d*/
 h3{
     color: #DF492F
 }
 /*class选择器 权重c*/
 .c1{
    color: #1EC8F6
 }
 /*组合选择器 权重c d*/
 .c1 h3{
    color: #007C2F;
 }
 /*组合选择器 权重c c*/
 .c1 .c2{
    color:#0097BF ;
 }

 /*id选择器 权重b*/
 #id2{
    color: #CAF1CA;
 }
 /*组合选择器  权重重的在前 权重b c*/
 .c1 #id2{
    color: #090909;
 }