通过不同的选择器选中同一个元素,进行一样的样式设定,发生样式冲突时,应用哪一个样式由选择器的权重(优先级)决定
选择器的权重 (从高级到低级)
!important 最高优先级 慎用 一般是用来检测是否是选择器权重问题
内联样式
id选择器
类和伪类选择器/属性选择器
元素选择器
通配符、子选择器、相邻选择器等。如*、>、+
继承的样式 没有优先级
注意:
1、比较优先级时,需要将所有选择器的优先级进行相加计算,最后优先级越高,则优先显示
2、 (并集选择器)分组选择器是单独计算的
3、 如果优先级计算后相同,此时则优先使用靠下的样式
4、选择器的累加,不会超过上一级数量级,
例如:类选择器再高也不会超过id选择器 量变达不到质变
一般来说:
选择器越具体,优先级越高