CSS继承：如何覆盖继承的值

Question

我应该对wordpress模板进行一些更改。其中之一是将元素的背景颜色更改为透明。包装器div带有背景色，它具有大量嵌套的子div，它们都继承了该颜色。

<div class="A">
    <div class="B">
        <div class="C">
            <div class="D">
                 ....


.A {
     background-color: #fff;
}

我认为仅仅改变父母的肤色会导致孩子继承这种改变。但是，尽管覆盖了父母的色彩作品，孩子们仍然继承了原来的色彩。由于这些嵌套太深了，我不想为每个嵌套都更改它。

是否有更优雅的解决方案？

编辑：使其更清楚：这是父项。如您所见，背景颜色的字体已被我覆盖。

这是一个儿童包装纸。即使它已被覆盖

，它仍然继承该值。

预先感谢

Answer 1

我想通了，我认为这可能对其他人有帮助。

在我的父元素中添加一个星号可以达到目的：

.A * {
background-color: transparent;
}

这样，嵌套子项也可以获取父元素中的更改。