CSS应用优先级
2020-05-09 本文已影响0人
freefishz2
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>
