CSS三大特性之优先级

当同一个元素指定多个选择器,就会有优先级的产生。

  • 选择器相同,则执行层叠性
  • 选择器不同,则根据选择器权重执行

选择器权重如下:

选择器选择器权重
继承 或者 *0,0,0,0
元素选择器0,0,0,1
类选择器、伪类选择器0,0,1,0
ID选择器0,1,0,0
行内样式 style=” “1,0,0,0
!important无穷大

优先级注意点:

  • 权重是有4组数字组成,不会有进位
  • 可以理解为类选择器永远大于元素选择器,id选择器永远大于类选择器,以此类推
  • 继承的权重是0,如果该元素没有直接选中,不管父元素权重多高,子元素得到的权重都是0

!important使用:在样式后面直接添加即可。

CSS三大特性之优先级

版权声明:本文为本站原创文章,由37.2℃发表,转载请注明出处,保留一切权利!

转载请注明:转载于37.2度云笔记

发表评论

您的电子邮箱地址不会被公开。

微信