这里我用.first{color:green}设置第一段为绿色,为什么其<span>子标签中的字体还是红色?按权值计算,.first大于标签span的权值啊。。。到底什么时候按就近原则,什么时候按权值计算啊?
<span>是.first的儿子,<span>的权值大于继承的权值。所以这里不是拿span的权值和.first的权值比较,而是和继承比较,继承的权值一般为0.1
简单一句 权值 相等就 就近 ,只要理解了 内联 嵌入 外部式的关系就好了。
CSS有一套机制来处理属性冲突问题,可以简单理解为谁的数值大,谁赢.
span在第一段p中,它的属性有冲突,分别是:
1,继承自.first的{color:green;}
2,自己定义的span{color:red}
2的权重大于1,所以按2来处理.
当权值相等时按就近原则,