课程
/前端开发
/HTML/CSS
/初识HTML(5)+CSS(3)-升级版
.first的权值在这个例子里不是最大的吗?按道理不是整段话都是绿色的吗?为什么给span设置样式却能把.first的样式改变了?
2017-07-14
源自:初识HTML(5)+CSS(3)-升级版 9-3
正在回答
p>span的权级更高
qq__1193 提问者
所以我觉得,样式权值的大小应该这样判断,分两步: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)基础教程8小时带领大家步步深入学习标签用法和意义
1 回答.first span{color:purple;}不是权值最大的么?
3 回答.first,#second span{color:green;} 这是first包含的全部为绿色 我知道 ,但是second为啥就是span里的简单变色了 而第一段里的span的胆小如鼠就不变色????????不懂
5 回答span的权值只有1,低于.first,为什么“胆小如鼠”是span的颜色,不是.first的颜色
4 回答第二段<span class="first">“简单”是为蓝色的,设置了p.first后,不是所有的的class=first都应该为绿色吗?<span>也在第二个<p>里面,里面的first不也是属于<p>下的,"简单"不应该是绿色吗?继承吗?
2 回答.first不是大于p span,为什么还是紫色的????