使css不影响孩子

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>

（影响） 我知道你可以“＆lt;”将样式仅应用于某些父母的孩子，但该样式如何仅适用于一个元素？

Answer 1

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

Answer 2

默认情况下，background-color为transparent。如果我正确理解你的问题，你就会通过孩子透明的问题看到父母的背景。唯一的方法是将孩子的背景设置为你想要的颜色。

Answer 3

你不能，因此名称为“级联”样式表。你只需要覆盖你不希望孩子继承的任何属性。

Answer 4

实际上它没有，因为子元素都具有“无”的背景，其显示透视颜色。要解决此问题，您需要为子元素定义一个与父元素不同的颜色。