• 认真地记录技术中遇到的坑!

CSS样式优先级

CSS 悠悠 2年前 (2017-07-25) 650次浏览 0个评论

样式优先级

外部样式  <  内部样式  <  内联样式

当外部样式放在内部样式后面时,外部样式将覆盖内部样式

选择器优先级

  1. 内联样式权重:1000
  2. id选择器权重:100
  3. 类选择器权重:10
  4. 元素选择器权重:1
  5. 组合选择器权重:基本选择器的权重之和,如  #div p 权重为:100 + 1 = 101

CSS优先级

  1. 选择器都有一个权值,权值越大越优先
  2. 当权值相等时,后出现的样式表设置要优于先出现的样式表设置
  3. 自定义规则高于浏览器默认样式
  4. 继承的CSS 样式不如后来指定的CSS 样式
  5. 在同一组属性设置中标有!important”规则的优先级最大
  6. IE9以下对脚本添加的内联样式不会覆盖外部样式

转载请注明出处 CSS样式优先级
喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址