醉人独醒
2016-04-11 18:17
类选择符的权值为10,标签的权值为1,
在第一段中,既然有了类选择符(.first),那为什么后面的标签span内的颜色不是绿色,而是粉色呢?
类选择符设置了整个选中区域的颜色,而span标签在类选择符的基础上设定自己选中的颜色,相当于权值是10+1=11。也可以说是就近原则。
怎么说呢,我的理解是
p{color:red;}
.first{color:green;}/*因为权值高显示为绿色*/
你把这两个代码结合来看,就是这两段代码在比较,p{}的权值 是1,
而.first{}的权值是10 所以能整段代码显示 是绿色, 所以后面注解 /*因为权值高显示为绿色*/
而p span{} 修改的是span内容的样式,属于包含选择器,span又是继承p 标签,权值是0.1 而 p span{} 权值是2 所以结果应该为粉色。
请问代码是什么?
初识HTML(5)+CSS(3)-升级版
1225309 学习 · 18230 问题
相似问题