CSS选择器权重

CSS选择器

CSS选择器 表示
ID选择器 #id
class选择器 .class
标签选择器 p、a等
通配符选择器 *(表示选择所有的标签元素)
属性选择器 [type='text']
伪类选择器 :hover
伪元素选择器 ::first-line
其他选择器 子选择器、相邻选择器

CSS选择器权重

类型 权重
! important 无穷
内联样式(如style="color:red") 1000
ID选择器 100
class/属性/伪类选择器 10
标签/伪元素选择器 1
通配符 0

每个元素都有权重值,那么先应用哪个样式,就是哪个元素的权重大应用哪个元素的样式。

示例



	
		
		CSS选择器权重
		
	
	
		
	

浏览器显示如下:

CSS选择器权重_第1张图片

你可能感兴趣的:(#,CSS)