html - 使CSS不影响 child

Question

如何使 css 样式不影响该元素的子元素

$<style type="text/css">
.parent {
background-color: #0F0;}
.child {
    background-color:#fff
}
</style>

<div class="parent">parent<div class="child">child</div>Parent2</div>

(确实有影响) 我知道您可以使用“<”将样式仅应用于某些 parent 的 child ，但如何才能将样式仅应用于一个元素？

Answer 1

从技术上讲，您的代码不会应用/影响子项的样式。它只是看起来像它，因为带有 css 的标记是如何呈现的。因此，您的“子”DIV 没有应用#0F0 背景颜色，但由于默认情况下它们是透明的，所以它可能看起来像那样。