我有以下标记和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;
}
Run Code Online (Sandbox Code Playgroud)
仅联系区域正在工作,青色边框显示,但p的字体颜色不起作用.
谢谢!
空间太多:
#contactarea p.heading
Run Code Online (Sandbox Code Playgroud)
你得到它的方式,它意味着"具有类'标题'的任何元素是<p>元素的后代,该元素是id为'contactarea'的元素的后代".因此它不会影响<p>标签本身.
SelectORacle网站是一个很好的朋友!