CSS规则不适用

Question

我有以下标记和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;
}

仅联系区域正在工作,青色边框显示,但p的字体颜色不起作用.

谢谢!

Answer 1

空间太多:

#contactarea p.heading

你得到它的方式,它意味着"具有类'标题'的任何元素是<p>元素的后代,该元素是id为'contactarea'的元素的后代".因此它不会影响<p>标签本身.

SelectORacle网站是一个很好的朋友!