清除儿童元素

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