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