2015-07-21 30 views
1

我看到一个answer,讨论了如何在网页中应用样式表的顺序。为什么用户代理样式表是要应用的最后一个样式表?

我学习了认证,我面临着这样一个问题:

问:
您通过使用HTML5和CSS3创建应用程序。这些页面的样式 源自五个样式表。样式不是 正确应用于应用程序中的页面。您需要 确定样式表将被 浏览器应用的顺序。五种样式表应用于哪种顺序?若要 答案,请将样式表类型从样式表类型列表 移至回答区域,并按照将应用 的顺序排列样式表类型。

用户代理样式表
用户正常的样式表
作者正常 样式表
笔者重要的样式表
用户重要 样式表

答:

用户正常的样式表
作者正常样式表
作者 重要样式表
用户重要样式s heets
用户代理 样式表

为什么“用户代理样式表”的最后一个应用?不是第一个,因为它是浏览器的默认样式表?

+0

如果您没有应用样式的页面,然后在浏览器的默认样式将被应用,这是最后的一个优先事项。并在[链接](https://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#cascade)阅读评论“根据重要性排序(正常或重要)”希望它有助于: ) –

回答

3

@GoldShip,答案就在这里:

http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#cascade

从上面的链接引用:

6.4.1层叠顺序

为了找到元素/属性的值组合,用户代理必须应用以下排序顺序:

  1. 查找适用于目标媒体类型的所有有关元素和属性的声明。如果关联的选择器与所讨论的元素相匹配,并且目标媒体与包含声明的所有@media规则上的媒体列表匹配,并且在到达样式表的路径上的所有链接上,则声明适用。

  2. 根据重要性(正常或重要)和来源(作者,用户或用户代理)进行排序。在优先级的升序:

    1. 用户代理报关
    2. 用户正常声明
    3. 作者正常声明
    4. 笔者重要声明
    5. 用户重要声明
  3. 排序规则具有相同通过选择者的特异性来确定重要性和起源:更具体的选择者将覆盖更一般的选择者。伪元素和伪类分别计为正常元素和类。
  4. 最后,按指定顺序排序:如果两个声明具有相同的权重,原点和特异性,则后者指定胜利。导入样式表中的声明被认为是在样式表本身的任何声明之前。
相关问题