css定义的权重

什么是权重?

以下是权重的规则:标签的权重为1,class的权重为10,id的权重为100,以下例子是演示各种定义的权重值:
 
/*权重为1*/
div{
}
/*权重为10*/
.class1{
}
/*权重为100*/
#id1{
}
/*权重为100+1=101*/
#id1 div{
}
/*权重为10+1=11*/
.class1 div{
}
/*权重为10+10+1=21*/
.class1 .class2 div{
}
 

如果权重相同,则最后定义的样式会起作用

因为样式相同时,后面的是会覆盖掉前面的。

猜你喜欢

转载自blog.csdn.net/this_name_true/article/details/85992476