@media查询无法用于更改元素的颜色属性

Question

以下媒体查询可用于元素的font-size属性，但不适用于同一元素的color属性：

.CSS：

.text-cyan {
    color: #33CCCC;
}
em {
    color: coral;
    font-size: 0.8em
}
@media (max-width: 600px) {
    em {
        color: coral;
        font-size: 0.5em
    }
}  

.CSS屏幕截图

HTML：

<em class="text-cyan">Start Date: Thursday, September 20, 2018</em>

当窗口大小小于或等于0.8em时，

字体大小成功从0.5em更改为600px，但颜色不变元素的属性，从#33CCCC到coral。

任何人都可以帮助我解决此问题。

谢谢