较少根据父母的背景颜色动态更改文本颜色

Question

假设我有这种布局：

<div id="parent">
    <p class="content">Hello World!</p>
</div>

我想根据天气更改.content的颜色，＃parent背景颜色是白色或黑色。如果是白色，则将.content的文本颜色设置为黑色，反之亦然。