html - CSS 选择器的优先级是什么

标签 html css css-selectors

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

我知道这不应该发生,但我想调整遗留应用程序,而 CSS 正处于中间位置。

最佳答案

gory details在规范中实际上是合理可读的。总结:

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

  2. 否则,通常更具体的获胜。 #id 是比 更具体的选择器。classname 是比 tagname 更具体的选择器。

  3. 在规则同样具体的情况下,最后宣布的获胜。

没有特别的理由说明为什么这种情况“不应该发生”。指定一个粗略的规则然后针对一个案例添加更具体的规则是正常的;单个元素上的多个相同属性规则并不罕见或不可取。

关于html - CSS 选择器的优先级是什么,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1637343/

相关文章:

html - 不同浏览器的行高和字体大小?

css - 用纯 CSS 隐藏一个元素的列表

html - 如何让按钮在不同的 div 中对齐?

javascript - 如何在不修改整个内容的情况下更新innerHTML?

javascript - 圆 div 内的文本。根据内容调整 div 大小

css - 您可以根据输入标签值将 CSS 添加到动态可编辑区域吗

css - css3怎么算:nth-of-type items?

javascript - Firefox 中带有下拉菜单行为的 onclick 链接

html - 如何使网页发送到打印机的内容与浏览器窗口中的内容不同?

html - Bootstrap 打印 CSS 去除背景色