小编典典

CSS选择器的优先级是什么

html

CSS问题:如果两个不同的选择器应用于一个元素,谁会赢?

我知道这不应该发生,但是我想调整旧应用程序,而CSS居于中间。


阅读 330

收藏
2020-05-10

共1个答案

小编典典

规范中的实际上是合理可读的。综上所述:

  1. !important规则和内联style规则获胜。

  2. 否则,通常会赢得更具体的胜利。#id是比.classname更加具体的选择器tagname

  3. 如果规则同样具体,则以最后宣布的为准。

没有特别的理由说明为什么这种“不应该发生”。通常先指定一个广泛适用的规则,然后添加一个更具体的规则来针对一种情况。在单个元素上有多个相同属性的规则并不罕见或不受欢迎。

2020-05-10