覆盖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

使用Jquery children()和css()函数覆盖样式，请检查我的FIDDLE演示

Answer 2

终于找到了答案。

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

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