针对css的权重规则
以下是权重的规则：标签的权重为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{}
如果权重相同，则最后定义的样式会起作用，但是应该避免这种情况出现。 这个不懂啊 帮你顶一下 学过css都知道 这叫什么来着 忘记了 规则就是行内样式>内联>外联
刚刚学CSS，不太懂 总结的不错，另外你们别觉得学过了就了不起，知道是一回事，使用时会不会注意又是一回事了 严格来说 这是错的 baldyellow 发表于 2017-3-13 10:08
严格来说 这是错的
0.0求教为啥是错的。。【本人萌新一只。。。QAQ】 本帖最后由 baldyellow 于 2017-3-13 20:25 编辑
诡诈的魔术师 发表于 2017-3-13 18:47
0.0求教为啥是错的。。【本人萌新一只。。。QAQ】
按照这样的加法 11个class等于110是不是大于1个id的100呢
可实际上很多较老浏览器是257个class才大于1个id
页:
[1]