慕粉0413999
2020-02-28 16:56
.first span{color:blue;}
p span{color:purple;}
.first span{color:blue;} .first是类标签权值10;span是标签权值1。权值结果为10+1=11
p span{color:purple;} 这里 p 和 span 都是标签,权值各为1。权值结果为1+1=2
11>2 所以样式显示blue
.first 是类选择符,权值是10 。span p是标签 权值是1
所以.first span权值11
p span权值是2
显示蓝色
另外#first这种是id选择符,权值是100,
标签的权值为1,类选择器的权值为10,id选择器的权值为100。
补充:如果某个标签的样式继承于它的父标签,比如说p标签里的span标签,那span标签也是有权值的,也就是说继承也有权值的,但是很低,有的文献提出它只有0.1,所以可以理解为继承的权值最低。
第一段代码的权值为11。
第二段代码的权值为2。
第一个是10+1=11
第二个是1+1=2
初识HTML(5)+CSS(3)-升级版
1225812 学习 · 18234 问题
相似问题