css权重

    在生活中,由于有些样式代码我们触碰不到,或者为了满足某些特性样式,经常通过样式覆盖的方式去改变一些样式。那样式为什么会被覆盖?为什么我写的样式就不能覆盖呢?

    我们深知css三大筛选器和行内样式,也深知三大筛选器的优先级。但对于多层级的样式,就需要用到权重了。

    先来看张图,看完这张图,你就豁然开朗了。

    假设我们有四类玩偶。分别代表三大筛选器(标签,类,id)和行内样式。下边是他们的权重。如果你现在明白了。恭喜你,你已经明白了为什么样式不起作用了。

图一

    如果你还不明白,我们再来看一张图。

    如果你还没看明白,那我建议你去看一下css基础之后再来。

图二
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 【目录】 css的三大特性层叠性特性说明原理DEMO继承性优缺点重点DEMOhtml代码css代码优先级css特殊...
    顽皮的雪狐七七阅读 1,345评论 0 0
  • 原文 博客原文 大纲 1、CSS层叠2、CSS权重3、权重等级4、权重的规则5、!important 1、CSS层...
    前端路上的小兵阅读 301评论 0 2
  • 这篇是基于CSS选择器的,如果对选择器不太了解可以先看另一篇CSS选择器 (一)什么是CSS权重? 权重决定了你C...
    07120665a058阅读 2,197评论 2 4
  • 1、css的语法规则 由css选择器(selector),以及一条或多条声明组成,用冒号分开 举例:selecto...
    疯狂的蜗牛Dianna阅读 1,347评论 0 0
  • css权重 经常会遇到这样一种问题,为什么我写的css并没有达到我所期望的效果,很奇怪我注释掉这行代码对页面并没有...
    amilyxy阅读 399评论 6 1