强制孩子div使用父母的风格

Question

我想给所有孩子的div元素一个父div的背景颜色.但是,正如我所看到的,即使孩子没有那个属性,孩子们的风格也会覆盖父母的风格.例如,

<!-- Parent's div -->
<div style="background-color:#ADADAD;">
    some codes here...
    <!-- child's div -->
    <div style="position:absolute;font-size:12px; left:600px;top:100px;">
        again some codes...
    </div>
</div>

在这里,如果我删除子div的样式,它工作正常.我认为如果我也使用外部css文件做同样的事情,我的问题可能会得到解决.但是,我已经完成了数百个这样的div.那么,无论如何强迫父母的风格为儿童风格,只是为了背景颜色？(css中的新内容)

Answer 1

但是,正如我所见,即使孩子没有那个属性,chid divs的风格也会覆盖父母的风格.

不,他们只是默认不继承该值,因此他们获得了他们原本拥有的任何价值(通常是这样transparent).

你可以(在理论上)用背景颜色获得你想要的东西:继承.这已在旧版本的IE问题虽然.

Answer 2

使用像这样的 css 选择器使子 div 的背景从其父级继承：

Parent's div
<div id="thisparticulardiv">
some codes here...
child's div
<div class="childrendiv">
again some codes...
</div></div>

CSS：

#thisparticulardiv {
    background-color:#ADADAD;
    ...
}

#thisparticulardiv div {
    background: inherit;
    position:absolute;
    font-size:12px;
    left:600px;
    top:100px;
}