选择器的优先级

简介: 选择器的优先级

选择器的优先级



当使用选择器为元素设置样式时,如果样式发生了冲突,采用哪个样式由选择器的优先级来决定。


优先级


内联样式


1000


id选择器


100


类和伪类选择器


10


元素选择器


1


通配选择器


0


继承的样式


没有优先级


当样式发生冲突时,需要将相关的选择器优先级进行求和计算,优先级高的优先显示,如果优先级一样,则显示靠后的样式


优先级计算时,总大小不能超过他的最大的数量级


可以在样式后边添加一个!important,如果样式中添加了该内容,则该样式将会获取最大的优先级,将会优先于所有的样式显示,包括内联样式,但是这个属性要慎用。




相关文章
|
2月前
|
人工智能 前端开发 Cloud Native
css选择器有哪些?优先级?哪些属性可以继承?
css选择器有哪些?优先级?哪些属性可以继承?
|
11月前
|
前端开发
【css选择器有哪些?优先级?哪些属性可以继承?】
【css选择器有哪些?优先级?哪些属性可以继承?】
|
8月前
Thymelead属性优先级
Thymelead属性优先级
|
9月前
|
前端开发
CSS选择器优先级
CSS选择器优先级
44 0
|
前端开发
CSS选择器优先级(特异性)
CSS选择器优先级(特异性)
81 0
CSS选择器优先级(特异性)
|
前端开发 JavaScript
CSS选择器优先级的学习与应用
选择器优先级是CSS初学者必须掌握的要点,掌握了优先级就能轻松得掌控全局的样式变化,下面我将从概念,基础优先级,优先级计算三个方面来带读者轻松掌握CSS选择器优先级
87 0
CSS选择器优先级的学习与应用
|
编解码 前端开发 程序员
聊聊CSS选择器的优先级,样式不生效可能就是因为它
今天聊聊CSS选择器的优先级,这个问题其实很经典,并且很实用
227 0
|
前端开发 JavaScript 容器
谁动了我的选择器?深入理解CSS选择器优先级
在前端的面试中,有一道很普遍的题目,就是CSS选择器的优先级。原来周一觉得这个东西好像蛮简单的,就是认知里面的类选择器、id选择器和标签,然后就没了。但是殊不知很多时候我们都输给了“我以为”,事实证明一切内容并没有想象中的那么简单。
谁动了我的选择器?深入理解CSS选择器优先级
|
XML 前端开发 JavaScript
CSS(一)概述、选择器、选择器优先级
CSS(一)概述、选择器、选择器优先级
131 0
CSS(一)概述、选择器、选择器优先级
|
前端开发
css类选择器优先级 大于 标签选择器
css类选择器优先级 大于 标签选择器
125 0
css类选择器优先级 大于 标签选择器