针对css的权重规则

21K韶华 · 发表于 2017-3-7 16:01

   以下是权重的规则：标签的权重为1，class的权重为10，id的权重为100，以下例子是演示各种定义的权重值：
   相同div的情况下，div的会采用权重高的样式；

   比如图中的，同一个div，这里用了class类以及id属性，class设置背景颜色为红色，id设置背景颜色为黑色，输出结果采用了id的背景颜色，由此可见id的大于css的权重

   举例：
   /*权重为1*/
   div{}
   /*权重为10*/
.class1{}
   /*权重为100*/
#id1{}
/*权重为100+1=101*/
#id1 div{}
/*权重为10+1=11*/
.class1 div{}
/*权重为10+10+1=21*/
  .class1 .class2 div{}

如果权重相同，则最后定义的样式会起作用，但是应该避免这种情况出现。

m0216 · 发表于 2017-3-7 16:10

这个不懂啊帮你顶一下

viptech · 发表于 2017-3-7 17:02

学过css都知道

Only~唯恋 · 发表于 2017-3-7 17:06

这叫什么来着忘记了规则就是行内样式>内联>外联

桥段 · 发表于 2017-3-7 21:42

刚刚学CSS，不太懂

书中妍如钰 · 发表于 2017-3-8 13:57

总结的不错，另外你们别觉得学过了就了不起，知道是一回事，使用时会不会注意又是一回事了

baldyellow · 发表于 2017-3-13 10:08

严格来说这是错的

诡诈的魔术师 · 发表于 2017-3-13 18:47

baldyellow 发表于 2017-3-13 10:08
严格来说这是错的

0.0求教为啥是错的。。【本人萌新一只。。。QAQ】

baldyellow · 发表于 2017-3-13 20:21

本帖最后由 baldyellow 于 2017-3-13 20:25 编辑

诡诈的魔术师发表于 2017-3-13 18:47
0.0求教为啥是错的。。【本人萌新一只。。。QAQ】

按照这样的加法 11个class等于110是不是大于1个id的100呢

可实际上很多较老浏览器是257个class才大于1个id

帐号		自动登录	找回密码
密码			注册[Register]

[其他转载] 针对css的权重规则

免费评分

个人中心