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または他の同様の言語を使用して可能ですか??