【问题标题】:Style sheets priority order样式表优先顺序
【发布时间】:2012-11-18 06:00:02
【问题描述】:

如果我有以下样式表:

user important declarations
user normal declarations
author normal declarations
user agent declarations
author important declarations

并且需要从最高优先级到最低优先级应用它们,我应该按什么顺序使用它们?

【问题讨论】:

  • 样式表中不能有user agent important declaration吗?如果有的话,我相信它将具有最高优先级。

标签: css stylesheet


【解决方案1】:

正确的优先顺序是,从最不重要到最重要:

  1. 用户代理
  2. 普通用户
  3. 作者普通
  4. 作者重要
  5. 用户重要提示

specification中所定义

【讨论】:

  • 只是为了每个人的原因,顺序是从最低优先级 -> 最高优先级。我查看了规范并引用:“根据重要性排序(正常或重要)”。我希望这会有所帮助,尤其是对于 70-480 名应试者。
  • 我在回答中确实说过“从最不重要到最重要”;)
  • @KevinIsNowOnline 你说的完全正确,尤其是对 70-480 名考生有帮助。感谢您的评论
  • 在考虑样式表时不能有第 6 个user agent important declaration 选项吗?如果有一个,我相信它将具有最高优先级。或者浏览器可能从不这样做,因为该样式永远不会被覆盖,因为它将在浏览器代码本身中被硬编码。不是吗?
【解决方案2】:

按以下顺序应用 CSS 声明(从最低到最高优先级):

  1. 用户代理声明(浏览器应用的默认样式 元素)
  2. 用户正常声明(用户自己的样式表,如果他们正在使用 一)
  3. 编写常规声明(这是您的常规样式表)
  4. 撰写重要声明(任何您认为重要的内容)
  5. 用户重要声明(来自用户的任何重要样式) 样式表)

【讨论】:

  • 这个顺序也是不对的……应该反过来
  • 感谢每种风格的解释
  • 我想通过示例深入解释以理解这些样式表,请提供任何我可以理解所有这些的链接。
【解决方案3】:

以下内容取自here

Style 属性可以出现在任意数量的样式表中,并且在单个样式表中出现多次。因此,应用规则的顺序非常重要。这称为“级联”顺序。根据 CSS2 规范,级联顺序是(从低到高):

  1. 浏览器声明
  2. 用户正常声明
  3. 编写普通声明
  4. 编写重要声明
  5. 用户重要声明

a) 浏览器声明最不重要;
b) 仅当声明被标记为重要时,用户才会覆盖作者。
c) 具有相同顺序的声明将按 specificity 排序,然后是它们指定的顺序。
d) HTML 视觉属性被翻译成匹配的 CSS 声明。
e) 它们被视为低优先级的作者规则。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-11-15
    • 2021-02-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多