回到顶部

阅读目录

认识 CSS 权重优先级

html    zhuoyuebiji    --   2019-12-10 23:57   其他

从 CSS 代码存放位置看权重优先级

内嵌样式 > 内部样式表 > 外联样式表。其实这个基本可以忽视之，大部分情况下 CSS 代码都是使用外联样式表。

从样式选择器看权重优先级

important > 内嵌样式 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 继承 > 通配符。

  • important的权重为1,0,0,0
  • ID的权重为0,1,0,0
  • 类的权重为0,0,1,0
  • 标签的权重为0,0,0,1
  • 伪类的权重为0,0,1,0
  • 属性的权重为0,0,1,0
  • 伪对象的权重为0,0,0,1
  • 通配符的权重为0,0,0,0
     
^_^
请喝咖啡 ×
文章部分资料可能来源于网络，如有侵权请告知删除。谢谢！
前一篇： HTML 笔记
下一篇： css 笔记