サブディビジョンの保護の背景

Question

私はdivの内側のdivの背景を変更してもその背景を変更しないでください。

子divの背景プロパティを保持する方法はありますか？

P.S：子divの背景を手動で古い値に手動で変更することはできません。それは、

td.name:before { 
    clip: rect(0px, 490px, 20px, 0px); 
    white-space: nowrap; 
    content: 
    position: absolute; 
    z-index: -1; 
} 

が内部にあり、ページの背景を変更すると「コンテンツ」が失われるためです。

Answer 1

子のdivのスタック順序が問題を引き起こしていました。 "z-index"の値を変更しました。

Answer 2

あなたの子供の背景は、明示的に設定されていれば、その親の背景によって影響を受けません。以下の例では、両方の要素のバックグラウンドルールを明示的に設定していることがわかります。したがって、親の背景は子供の背景に影響を与えません。

これは、colorプロパティでは当てはまりませんでした。子供が親ではなく親のために設定するので、子供は親からその色を継承します。

<style> 
    #parent { 
    background: red; 
    color: white; 
    } 
    #child { 
    background: green; 
    } 
</style> 
<div id="parent"> 
    <p>I am white text</p> 
    <div id="child"> 
    <p>I am also white text</p> 
    </div> 
</div> 

デモ：http://jsbin.com/emajit/edit#html,live