CSS问题:如果两个不同的选择器应用于一个元素,谁会赢?
我知道这不应该发生,但是我想调整旧应用程序,而CSS居于中间。
规范中的实际上是合理可读的。综上所述:
!important规则和内联style规则获胜。
!important
style
否则,通常会赢得更具体的胜利。#id是比.classname更加具体的选择器tagname。
#id
.classname
tagname
如果规则同样具体,则以最后宣布的为准。
没有特别的理由说明为什么这种“不应该发生”。通常先指定一个广泛适用的规则,然后添加一个更具体的规则来针对一种情况。在单个元素上有多个相同属性的规则并不罕见或不受欢迎。