【面试题集 —— No.03】CSS样式的优先级（选择器的权重）问题

一. CSS权重

CSS权重指的是样式的优先级，当同一个元素出现样式冲突时，会比较选择器之间的权重来决定谁生效。具体的选择器权重如下：

二. 优先级分类

优先级	选择器 / 样式	权重值	备注
一级	!important	10000	无条件优先的属性，会覆盖页面内其他任何位置定义的元素样式，慎用
二级	行内样式（ style=” ” ）	1000	会造成css难以管理，不推荐使用
三级	id选择器	100	#content
四级	类选择器、伪类选择器、属性选择器	10	比如： .content、:hover、:first-child
五级	标签选择器、伪元素选择器	1	比如：div、p、:before
六级	其他选择器	0	* 空格 + > ~

三. 优先规则

有两条或多条样式作用于同一个元素时，权重高的那条样式对元素起作用；权重相同的，则根据就近原则的样式优先，就近原则也相同时，