html - CSS规则不适用

我有以下标记和CSS：

<div id="contactarea">
                <p class="heading">Anuncios Premium</p>
                <p class="tag">Asegure que su venta se complete!</p>
            </div>

#contactarea
{
    min-height:150px;
    border:1px solid cyan;
}

#contactarea p .heading
{
    Color:Yellow;
    background-color:Green;
}

#contactarea p .tag
{
    min-height:150px;
    border:1px solid cyan;
}

仅contactarea起作用，青色边框显示，但p的字体颜色不起作用。

谢谢！

最佳答案

这不是您直接问题的答案，但将来可能会对您有所帮助。首先，如果发现一个规则正在取代另一个规则，请注意样式表中CSS规则的自然优先级，并优先考虑内联CSS>外部CSS的优先级。其次，如果您希望规则优先，可以执行以下操作：

#contactarea p.heading { color:yellow !important; }