我见过一个answer 讨论了样式表在网页中的应用顺序。
我正在学习认证,我遇到了这个问题:
问题:
您正在使用 HTML5 和 CSS3 创建应用程序。风格
页面源自五个样式表。款式不是
正确应用于应用程序中的页面。你需要
确定样式表应用的顺序
浏览器。这五个样式表将按什么顺序应用?到
答案,从样式表类型列表中移动样式表类型
到答案区并按照出现的顺序排列它们
应用。
用户代理样式表
用户普通样式表
作者正常
样式表
作者重要的样式表
用户重要
样式表
Answer:
用户普通样式表
编写普通样式表
作者
重要的样式表
用户重要的样式表
用户代理
样式表
为什么“用户代理样式表”是最后一个应用的?不是第一个因为它是浏览器默认样式表吗?
@GoldShip,答案在这里:
http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#cascade
引用上面的链接:
6.4.1 级联顺序
要查找元素/属性组合的值,用户代理必须应用以下排序顺序:
对于目标媒体类型,查找适用于相关元素和属性的所有声明。如果关联的选择器与相关元素匹配,并且目标媒体与包含声明的所有 @media 规则上的媒体列表以及到达样式表的路径上的所有链接匹配,则声明适用。
-
根据重要性(正常或重要)和来源(作者、用户或用户代理)排序。按优先级升序排列:
- 用户代理声明
- 用户正常声明
- 作者正常声明
- 作者重要声明
- 用户重要声明
- 根据选择器的特殊性对具有相同重要性和来源的规则进行排序:更具体的选择器将覆盖更通用的选择器。伪元素和伪类分别算作普通元素和类。
- 最后,按指定的顺序排序:如果两个声明具有相同的权重、来源和特异性,则指定的后者获胜。导入样式表中的声明被视为位于样式表本身中的任何声明之前。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)