CSS - 使用DIV类的段落样式

-3

简单的CSS，但我似乎无法控制具有提供的类的div内段落标记的样式。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

解决的办法是增加一个重要的;！标签的CSS颜色如下：

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

我还可以通过删除和添加类到我的内容的解决这个问题。

来源

2014-07-25 WLF14

请编辑你的帖子，并张贴你的CSS干净。 – bumbumpaw

请过帐html。 –

你的'div'没有关闭，你有另一个开放'div'，你打算这么做吗？这是无效的HTML，因为它代表。 – Klors

试试这个：

div.body-content-white > p

或者，如果没有，其他的东西在你的CSS可以覆盖它。尝试添加

!important

与其间的一个空间和价值，如在http://jsfiddle.net/ShJt6/

来源

2014-07-25 01:18:03

为什么如果'div.body-content-white p'不能工作？我们需要看到一个可重复的例子。 – j08691

对不起 - 没有运气。 – WLF14

.body-content-white，div.body-content-white p { \t color：#FFFFFF; font-family：Helvetica，Gotham，Arial，sans-serif; \t font-size：14px; \t} – WLF14

如果你真的有

<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>标签内正确链接（换句话说，检查源路径是否正确）。

来源

2014-07-25 01:40:01 user3874316

CSS - 使用DIV类的段落样式

回答

相关问题