2011-09-22 25 views
6

我想給孩子的所有div元素一個父母div的背景顏色。但是,正如我所看到的,即使孩子沒有那個屬性,孩子的風格也會覆蓋父母的風格。例如,強制子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)

+1

「我已經完成了數百個divs,就像這樣......」我很抱歉,很抱歉。 – Larsenal

+0

至少,我今天學到了東西:) – user893970

+0

這是正確的態度。 – Larsenal

回答

5

但是,正如我所看到的,儘管孩子沒有那樣chid divs風格覆蓋父母的風格屬性。

不,他們只是不會繼承默認值,所以他們會得到他們會有的任何值(通常是transparent)。

你可以(理論上)得到你想要的背景顏色:inherit。雖然有problems in older versions of IE

2

使用對孩子div的,繼承財產:

background:inherit 

<div style="position:absolute;font-size:12px; left:600px;top:100px; background:inherit"> 
2

使用CSS選擇器這樣使孩子div的背景的,從他們的父母繼承:

Parent's div 
<div id="thisparticulardiv"> 
some codes here... 
child's div 
<div class="childrendiv"> 
again some codes... 
</div></div> 

CSS:

#thisparticulardiv { 
    background-color:#ADADAD; 
    ... 
} 

#thisparticulardiv div { 
    background: inherit; 
    position:absolute; 
    font-size:12px; 
    left:600px; 
    top:100px; 
}