-
前端入门学习笔记
1. 以下结论仅基于浏览器的表现,不涉及深层原理,有待深入。
2. 本文的"优先级"仅为最后样式体现的描述,不与常规定义等同。
- 行内样式 VS 内部样式、链接样式、导入样式
*结论:行内样式优先级最高
- 内部样式 VS 链接样式
*结论:就近原则——最靠近相关标签的样式优先级高
- 内部样式 VS 导入样式
《CSS权威指南》:
“@import
一定要写在除@charset
外的其他任何CSS规则之前,如果置于其他位置将会被浏览器忽略,而且,在@import
之后如果存在其它样式,则@import
之后的分号是必须书写,不可省略的。”
*结论:内部样式比导入样式优先级高(或者说覆盖)
这里因为导入样式的特殊性,不能进行两种样式的交换的优先级比较。当然,如果进行交换,依然以内部样式为准。
- 4. 链接样式 VS 导入样式
*结论:就近原则——最靠近相关标签的样式优先级高
-
总结论:
- 行内样式优先级最高;
- 内部样式优先级大于导入样式,而与链接样式的优先级则与文档顺序有关,越靠近相关标签的样式优先级越高,即遵循就近原则。
- 导入样式与链接样式的优先级也遵循就近原则。
最新评论