CSS 选择器的优先级是什么

2024-04-09

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

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


The 血淋淋的细节 http://www.w3.org/TR/CSS21/cascade.html#cascade规范中的内容实际上是合理可读的。总之:

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

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

  3. 如果规则同样具体,则最后宣布的获胜。

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

CSS 选择器的优先级是什么 的相关文章

随机推荐