CSS 子节点继承父节点(祖先节点)的样式
作者:互联网
如果子节点没有自己的样式,那么子节点将继承父节点或祖先节点的样式。
<ul class="container">
<li class="child-1">child 1</li>
<li class="child-2">
child 2
<ul class="container-2">
<li class="child-a">child A</li>
<li class="child-b">child B</li>
</ul>
</li>
</ul>
设置祖先节点container
的颜色值,其之下的所有后代节点都运用它的样式:
.container {
color: #7979DE;
}
如果子节点有自己的样式,就优先运用自己的样式,父节点样式对它没有效果:
.container-2 {
color: #00B7FF;
}
比如,页面字体大小、字体颜色都可以设置在最高级的节点内(body、html 节点),其所有后代节点都运用祖先节点上的样式,当后代节点拥有自己的样式时,祖先节点的样式就不再运用。
标签:container,样式,祖先,child,运用,节点,CSS 来源: https://www.cnblogs.com/shiramashiro/p/16325097.html