把CSS的复杂选择器和简单选择器放到一起比较优先级,会不会晕
2,194
3
2
当我们写页面的时候,不知道你会不会产生这样的问题,为什么我给他添加的这条样式分明已经选择到我要给的元素了,但是他的样式并没有生效,那是为什么呢?
定义的属性有冲突时,浏览器会选择用那一套样式呢,下面来介绍一下选择器的优先级。
一、css选择器简单优先级
1、在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式。
2、作为style属性写在元素内的样式
3、id选择器
4、类选择器
5、元素选择器
6、通配符选择器
7、浏览器自定义或继承
总结排序:!important > 行内样式 > ID选择器 > 类选择器 > 元素选择器 > 通配符选择器 > 继承 > 浏览器默认属性