样式冲突
——当通过不同的选择器,选择相同的元素,并且为 相同的样式设置不同的值,此时就发生了样式的冲突。
发生样式冲突时,应用哪个样式由选择器的权重(优先级)决定
选择器的权重
内联样式(行内样式) 1,0,0,0
id选择器 0,1,0,0
类和伪类选择器 0,0,1,0
元素选择器 0,0,0,1
通配选择器 0,0,0,0
继承的样式 没有优先级
示例:div选择器设置字体颜色为黄色,red类选择器设置类选择器颜色为红色,造成样式冲突,但是类选择器的权重有优先级大,所以表现出来字体颜色为红色red(显示谁由优先级决定)
比较优先级时,需要将所有的选择器的优先级进行相加计算,最后优先级越高,则越有限显示(分组选择器是单独计算),选择器 的类累加不会超过其最大的数量级,类选择器在搞也不会超过id选择器
如果优先级计算后相同,此时则优先使用靠下的样式
如果一个元素上有两个样式,则祖先元素继承来的样式还有一个通过通配选择器设置的样式,这个时候样式听通配选择器的
标签:通配,优先级,权重,样式,冲突,选择器 From: https://www.cnblogs.com/dajiang001/p/16925779.html