qq__1193
2017-07-14 11:02
.first的权值在这个例子里不是最大的吗?按道理不是整段话都是绿色的吗?为什么给span设置样式却能把.first的样式改变了?
p>span的权级更高
所以我觉得,样式权值的大小应该这样判断,分两步:1,分析那个样式最靠近需要修改的元素,越靠近的权值越大。比如说一个.first样式 和一个p标签样式,标签样式最靠近需要修改的p元素。所以标签样式权值最大,哪怕.first的权值为10. 2,确定谁最靠近后,再进行该样式的权值总和的计算。比如说,.first p 这个样式,和p标签样式对比,两个都有p最靠近,然后进行加和,.first p的权值和为10+1=11,而p只有1,所以11>1,所以.first p的权值比p的权值大。
那既然first的权值是10,span的权值是0.1,那么里面的内容不应该应用first的样式吗?
所以我觉得这个东西要解释得这样解释,样式名的范围越小权值越大,就跟内联样式的权值大于内部样式的权值一样。所以我觉得,因为span它的样式范围比first小,所以他的权值比first的大,这样解释才浅显易懂。
span是first的子元素,给span的绿色权值来自于继承,只有0.1左右; 给span设置样式,如果是标签设置,权重在1,所以可以修改啊。
first的设置只用于first,span是其子元素,只能继承first的设置,而继承的权值只有0.1
中对于同一个元素可以有多个css样式存在并且这多个css样式具有相同权重值层叠就是在html文件中对于同一个元素可以有多个css样式存在,当有相同权重的样式存在时,会根据这些css样式的前后顺序来决定,处于最后面的css样式会被应用。
初识HTML(5)+CSS(3)-升级版
1225806 学习 · 18234 问题
相似问题