Inherit all css properties from parent div to child div

Question

My html,

<div id="parent">
    <div id="child">

    </div>

</div>

css looks like,

#parent{
height:100px;
width:200px;
any-aother-property1:something;
any-aother-property2:something;
any-aother-property3:something;
}

Is there is any way to inherit all the properties to child at once , means can I do like,

$('#child').properties= $('#parent').properties

Answer 1

If you really want to dynamically inherit all CSS properties given to the parent at runtime, you can do the following.

Caution: This overrides the default value for all properties. Generally speaking, it is wise to assume that defaults are correct until proven otherwise. Some properties are inherit by default and some are not for various reasons. So you probably should only override specific properties that need to be changed.

#child {
    all: inherit;
}

Answer 2

is this enough?

#parent, #parent > div {
    /* your properties */
}