谁能帮我举个例子,体现出继承是有权值的?
任何标签设置颜色都有继承在,为什么你给标签里面的标签设置颜色的时候回执行当前标签,就是因为继承的权值低啊!
你在设置标签颜色的时候,子标签会跟着变颜色这就说明继承是有权值得啊!子标签没有设置颜色,那这个标签的颜色的权值是0.
<style type="text/css">
.first{color:purple;}
p{color:red;}
</style>
<body style="font-size:20px;"> <span>继承body的字体样式了,继承的权值最低,只要对这个span设置字体样式,继承的样式就不起作用了</span> </body>
span里的字体就是20px
p{color:red;}
p span{color:blue}
<p>三年级时,我还是一个<span>胆小如鼠</span>的小女孩。</p>
比如上面这个代码:红色应用于p标签,那么p标签的设置不仅应用p标签,还应用于p标签中的所有子元素文本,这里子元素为span标签。说明span标签里的内容也应为红色。
而这里的span标签有自己的设置,它的权值(1+1=2)大于p标签的权值(1),故span标签内容应显示为蓝色。
实际可以参考学习《HTML+CSS基础课程》第九章9-1、9-2节。
div>a{ }
ul li{ }
想这种都是有权值的吧!
p{color=green;}
<p>三年级时,我还是一个<span>胆小如鼠</span>的小女孩</p>
当前情况下span标签中的文字是gieen绿色的,
但在p{color:green;}加上span{color:red;}
span标签里的文字”胆小如鼠“会变成red红色。
原因:继承权值低