"css样式优先级?"

css样式优先级?

!important > 行内样式 > ID选择器 > 类选择器 > 标签选择器 > 通配符选择器

权重规则 :
css_weight_rule.jpg

  • 内联样式,权值为1000
  • ID选择器,权值为0100
  • 类,伪类和属性选择器,权值为0010
  • 标签选择器和伪元素选择器,权值为0001
  • 通配符、子选择器、相邻选择器等,权值为0000
  • 继承的样式没有权值

如果层级相同,继续往后比较,如果层级不同,层级高的权重大,不论低层级有多少个选择器。

PS:写作不易,如要转裁,请标明转载出处。
登录
注册
回顶部