以前我对CSS中的样式优先级别理解是这样的
从高到低
- 属性后跟!important的样式
- 作为style属性写在元素标签的内联样式
- id选择器
- 类选择器
- 伪类选择器
- 属性选择器
- 标签选择器
- 通配符选择器
- 浏览器自定义
最近看绿皮书,书中这样写到
层叠采用以下重要次序
- 标有!important的用户样式
- 标有!important的作者样式
- 作者样式
- 用户样式
- 浏览器/用户代理应用的样式
作者样式既是开发者编写的。
这个用户样式,就是用户自己写的样式文件,导入浏览器。在chrome中叫做custom.css
不过自从33版本后,chrome便取消了对custom.css文件的支持
时代变迁呀,Web也在不断发展233333