Sail


手在键盘敲很轻


CSS中的层叠优先级

以前我对CSS中的样式优先级别理解是这样的

从高到低

  • 属性后跟!important的样式
  • 作为style属性写在元素标签的内联样式
  • id选择器
  • 类选择器
  • 伪类选择器
  • 属性选择器
  • 标签选择器
  • 通配符选择器
  • 浏览器自定义

最近看绿皮书,书中这样写到

层叠采用以下重要次序

  • 标有!important的用户样式
  • 标有!important的作者样式
  • 作者样式
  • 用户样式
  • 浏览器/用户代理应用的样式

作者样式既是开发者编写的。

这个用户样式,就是用户自己写的样式文件,导入浏览器。在chrome中叫做custom.css

不过自从33版本后,chrome便取消了对custom.css文件的支持

时代变迁呀,Web也在不断发展233333


参考

© 2016-2019. | 由Hexo强力驱动 | 主题Huno | 渝ICP备17002561号 | 不装弱了,我要做大佬