html - 覆盖 div 内所有子项的内联样式

Question

<div style="color:#FFFFFF !important;">

<!-- A Dynamic content comes from from third party. -->
<p style="color:red;"> This should be white instead of red. </p>
<p>Test is test. This should also be white.    </p>
<span> Check is check. This should also be white.    </span>
<!-- Dynamic Content ends -->
</div>

如何在上面给出的 div 中将所有文本设为白色。是否可以使用任何jquery或其他类似语言？

Answer 1

使用 Jquerychildren()和css()函数来覆盖样式，查看我FIDDLE的演示

Answer 2

终于找到答案了。

$(div p).css('color':'white');
$(div span).css('color':'white');

这正是我想要的。它也覆盖了所有 p 标签的内联 css。