Q:

CSS inheritance: How to override inherited values

I'm supposed to make some changes to a wordpress template. One of them is to change the background color of an element to transparent. The wrapper div, which has the background-color attached to it, has a big amount of nested child divs that all inherit that color. 
<div class="A">
    <div class="B">
        <div class="C">
            <div class="D">
                 ....

.A {
     background-color: #fff;
}

I assumed just changing the parents color would lead to the children inheriting that change. But while overwriting the parents color works, the children still inherit the original color. Since these nestings are ridiculously deep, I don't want to change it for each and everyone of them.
Is there a more elegant solution to this? 
Edit: To make it clearer: This is the parent. As you can see, the background-color atrribute has been overwritten by me. 

And this is a child wrapper. It still inherits that value, even if it has been overwritten 

Thanks in advance 

A:

I figured it out and I thought this might help others.
Adding an asterix to my parent element did the trick:
.A * {
background-color: transparent;
}

This way the change in the parent element is picked up by the nested children aswell. 

