1. 层叠优先级(由高到低)
- 标注为
!important
的 用户 样式 - 标注为
!important
的 作者 样式 - 作者 样式
- 用户 样式
- 浏览器默认样式
作者 - 即网站开发者
用户 - 即使用者,用户可以通过浏览器选项设置样式
2. 特殊性优先级
分为 a, b, c, d四位,用十进制计算大小:
- a -
内联
样式,记为1 - b -
ID
选择符数目 - c -
类
选择符、伪类
选择符和属性
选择符的数目 - d -
类型
选择符和伪元素
选择符
注意:
-
通用
选择符为0 - 后定义的会覆盖前定义的样式:Lord Vader Hates Furry Animals -
:link, :visited, :hover, :focus, :active
- 简化选择符、降低特殊性
3. HTML5支持的js加载方式
IE10和更早的版本不支持。
<head>
<!-- 异步加载,下载完毕马上执行 -->
<script src="/scripts/core.js" async></script>
<!-- 异步加载,等HTML加载完毕后执行 -->
<script src="/scripts/deferred.js" defer></script>
</head>
网友评论