Question

简单的CSS但我似乎无法在提供类的div中控制段落标记的样式。

以下是示例：

.body-content-white, div.body-content-white p  {
color:#FFFFFF;
font-family:Helvetica, Gotham, Arial, sans-serif;
font-size:14px;
bgcolor="#52c2e9"
}


<div class="body-content-white"> 
<p> Welcome to the first Newsletter
</p> 
</div>

这就是我的尝试：

div.body-content-white p, p .body-content-white, .body-content-white p

解决方案是添加！important;标记到CSS颜色如下：

.body-content-white, div.body-content-white > p  {
color:#FFFFFF; !important;
font-family:Helvetica, Gotham, Arial, sans-serif;
font-size:14px;
bgcolor="#52c2e9"
}

我还可以通过移除<div></div>并将该类添加到我的内容的<td></td>来修复此问题。

Answer 1

如果你真的有

<div class="body-content-white"> 
<p> Welcome to the first Newsletter</p> 
</div>

然后

.body-content-white p{
//your style
}

或

div.body-content-white p{
//your style
}

应该有效。如果css不起作用，请检查样式表文件是否在<head>标记内正确链接（换句话说，检查源路径是否正确）。

Answer 2

试试这个：

div.body-content-white > p

如果没有，你的CSS中的其他东西可能会覆盖它。尝试添加

!important

中间有一个空格和值，例如http://jsfiddle.net/ShJt6/

CSS - 使用DIV类的段落样式

2 个答案: