CSS中选择器(元素选择器,类选择器,id选择器)的优先级问题前端⼈员在写静态页⾯时,不可避免的会遇到选择器的权重问题,下⾯做⼀些有关选择器权重问题的总结
⼀、选择器优先级先后顺序:
id选择器>类选择器>元素选择器
⼆.、规则:
选择器的权重值表述为4个部分,⽤0,0,0,0表⽰。
通配符*的权重为0,0,0,0
标签选择器、伪元素选择器的权重为0,0,0,1
类选择器、属性选择器、伪类选择器的权重为 0,0,1,0
  id选择器的权重为0,1,0,0
  ⾏内样式的权重为1,0,0,0
  !imporatant的权重为∞
权重⼤的选择器覆盖权重⼩的选择器
  同样权重的选择器,后⾯的覆盖前⾯的css 属性选择器
  层叠选择器按照权重相加的结果,⼤的覆盖⼩的
  !imporatant的权重最⼤的 只要加上就没得抢了

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。