沒有ID的CSS樣式特定的div

Question

我正在做一個ebay店面，並且需要在頁面上設計一個元素，我無法編輯html的元素。

的HTML是這樣的

<td id="blah"> 
    <div> 
    <div>.... 

    </div> 
    </div> 
    <div>.... 

    </div> 
</td> 

我需要保證金同時添加到div的

..但沒有這些div

我試過的CSS是子女的div #blah div {margin:5px;}但當然，這影響了孩子的divs。

Answer 1

還有> "immediate child"選擇器：

#blah > div {margin:5px;} 

但是它的not supported by IE6，遺憾的是仍然是許多觀衆的考慮。

這是最好的一類添加到框中輸入你要的風格：

<td id="blah"> 
    <div class="box"> 
    <div>.... 

，並規定：

#blah div.box {margin:5px;} 

Answer 2

你可以用你所擁有的，只需添加另一種選擇重寫孩子：

#blah div 
{ 
    margin:5px; 
} 

#blah div div 
{ 
    margin: 0; 
} 

給一個去:)

Answer 3

您需要的孩子，沒有後代選擇：

#blah > div