面试官:请说下CSS选择器优先级

2,227 阅读1分钟

什么是CSS选择器优先级?

CSS选择器优先级是指在给CSS元素设置样式的时候,如果同时有多个CSS选择器同时指向一个元素,那么优先级高的选择器的元素样式会最终应用到这个元素上。

通过权重来计算CSS选择器的优先级

1. !important的优先级是最高的。(没有这个属性的话,则按照下面的向量来计算优先级)


image.png

2. 权重相同,看谁的定义靠后,越靠后就会覆盖掉前面的样式

例子1

image.png

例子2

image.png

例子3(优先级相同,谁在后面谁起作用)

image.png

[参考资料]

2分钟掌握 CSS 选择器优先级(特异性)