html - 强制子 div 使用父样式

标签 html css

我想给 child 的所有 div 元素一个父 div 的背景色。但是,正如我所见,即使 child 没有该属性,子 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 中的新功能)

最佳答案

But, as i see, chid divs' style overwrite parent's style even though child's did not have that property.

不,它们只是默认不继承该值,所以它们会获得它们原本拥有的任何值(通常是透明)。

你可以(理论上)得到你想要的背景颜色:inherit .那有 problems in older versions of IE虽然。

关于html - 强制子 div 使用父样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7517885/

相关文章:

php - 验证用户/更新表

html - 是否可以添加仅针对特定浏览器显示的 css 样式

javascript - Jquery 不返回数据 IE

css - Bootstrap 类与 Liferay portlet 首选项冲突

html - Bootstrap 4 Multiple Item Carousel(点击循环所有新元素)

javascript - 将 <li> 元素绑定(bind)到按 id 停靠的元素

javascript - 按钮在屏幕底部淡入

html - css - <li> 中的意外换行符显示 :flex in Internet Explorer (and Edge)

css - 如何使 hover enlarge drop shadow float 在其他图片上方?

python - CSS 未应用于 Flask 应用程序