当不同的选择器对同一元素设置不同样式时，会发生样式冲突。冲突解决依据选择器权重，内联样式权重最高，接着是ID选择器、类和伪类、元素选择器。优先级相同则遵循后来者优先。使用!important可强制提升优先级，但应谨慎使用。
样式的冲突：
——当我们通过不同的选择器，选中想疼痛的元素，并且为相同的样式设置不同的值时
此时就发生生了样式的冲突。
发生样式冲突时，应用那个样式由选择器的权重（优先级）决定
选择器的权重：
内联样式 1.0.0.0
id选择器 0.1.0.0
类和伪类选择器 0.0.1.0
元素选择器 0.0.0.1
通配选择器 0.0.0.0
继承选择器 没有优先级
比较优先级时，需要将所有的选择器的优先级进行相加计算，最后优先级越高，则越优先显示（分组选择）
选择器的累计不会超过其最大的数量级，类选择器再高也不会超过id选择器
如果优先级计算后相同，此时优先使用靠下的样式
可以在某个的后面填加 ！important ,则此时该样式会获取到最高的优先级，甚至超过内联样式
（一定要慎用！）
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
