CSS优先级以及权重叠加

CSS优先级

在CSS中特殊性选择器的权重值大小由四个数值来判定
0 0 0 0 从左往右以此变小

类选择器

.king {   /*类选择器*/
				color: skyblue;  /*0,0,1,0*/
			}

标签选择器

div {   /*标签选择器*/   
				color: pink;    /*0,0,0,1*/
			}

伪类选择器

:first-child {      /*伪类选择器*/ /*0,0,1,0*/ /*权重相同则按照就近原则*/  
				color: green      
			}

id选择器

/*  #ss    id选择器 0,1,0,0*/
#ss {
				color: saddlebrown;
			}

行内标签

"color: skyblue;">   
			荣耀

!important

div {
				color: red!important;    /*!important的权重是最高的*/
			}

由此可见
!important 的优先级 > 行内标签 的优先级 > 类选择器= 伪类选择器 的优先级> 标签选择器 的优先级

权重叠加

	
		
		
		
	
	
		

			

				
"q">html
				
css
				
javascript
			
		
	

效果截图

继承的权重为0

	
		
		
		
	
	
		
"daohang">
			

				
继承的权重为0
			
		
	

效果截图