清除兒童元素

Question

父元素的CSS屬性，我有兩個elemnt，例如：

<div style="color: #f00"> 
    parent 
    <div>child</div> 
</div> 

我想，不是富人父CSS屬性是子元素，請告訴，如何才能讓這個？

Answer 1

您可以

1. 把所有的孩子到。父窗口的CSS不會反映在iframe中。

2. 您可以修改像http://meyerweb.com/eric/tools/css/reset/這樣的CSS重置以滿足您的需要（即，根據需要編輯並在選擇器的每個部分加上選擇器前綴給您的孩子）。

   <div style="color: #f00"> 
       parent 
       <div id="children"> 
       <div>child</div> 
       </div> 
   </div> 
   

（只使用復位上面的例子中的最後一行），你可以不喜歡

#children table { 
    border-collapse: collapse; 
    border-spacing: 0; 
} 

內#children重置<table>元素。你必須測試並根據自己的需要調整它。

Answer 2

一個小孩div總是會繼承它的父div的樣式，這就是css的全部內容。你可以考慮（在鏈接的樣式表somwhere在你的HTML，或prefarbly）像這樣

<div class='parent'> 
    parent text 
    <div> 
     child text 
    </div> 
</div> 

然後在你的風格，你可以做這樣的事情：

body, .parent div { 
    color: #000; 
    ... 
} 
.parent { 
    color: #f00; 
    ... 
} 

請注意，如果你添加更多樣式到.parent，你將不得不爲子div設置一個替代方案（.parent div）以防止該屬性被子女遺留下來beering