CSS优先级与计算规则

1.CSS的计算规则

  选择器的特殊性值表述为4个部分,用0,0,0,0表示

  ID选择器的特殊值,0,1,0,0
  类选择器、属性选择器或伪类,0,0,1,0
  元素和伪元素,0,0,0,1
  通配选择器*对特殊性没有贡献,0,0,0,0
  !important是权重值最高的,即优先级最高

2.CSS优先级

   一般来说:

    内联样式>ID选择器(#id)>属性选择器(a[href=""])=伪类选择器(:hover)>标签选择器(span、p)=伪元素选择器(::before)

    但当权级相同时,后面定义的CSS会覆盖前面的

猜你喜欢

转载自www.cnblogs.com/kbinblog/p/10943671.html
今日推荐