CSS 问题:如果两个不同的选择器应用于一个元素,谁会获胜?
我知道这不应该发生,但我想调整遗留应用程序,而 CSS 正处于中间位置。
最佳答案
gory details在规范中实际上是合理可读的。总结:
!important
规则和内联style
规则获胜最多。否则,通常更具体的获胜。
#id
是比更具体的选择器。classname
是比tagname
更具体的选择器。在规则同样具体的情况下,最后宣布的获胜。
没有特别的理由说明为什么这种情况“不应该发生”。指定一个粗略的规则然后针对一个案例添加更具体的规则是正常的;单个元素上的多个相同属性规则并不罕见或不可取。
关于html - CSS 选择器的优先级是什么,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1637343/