css - 输入样式文本时，CSS 未正确设置 DIV 样式

Question

我正在尝试格式化 DIV 中的文本，但是，我也想设置 DIV 的样式。

在 PHP 页面中，我有 DIV 和文本：

<div id="main-content">
    <h1>Welcome to the Drug Debate!</h1>
    <p>Home of facts and deabtes of legal and illegal drugs!The Drug debate offers a safe and relaxed enviroment where you will be able to find information and facts about different types of drug </p>
</div>

然后在我的 CSS 中，我尝试使用以下方式设置该 DIV 的样式：

#main-content{
background-color: #FFFFFF;
width:600px;
height: 350px;
margin: 0 auto;
border:solid;
}

和<h1>使用<p>：

h1 {
 font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
 font-size:24px;
 padding-left:200px;

}

（和类似的<p>）

这会产生问题，例如 DIV 的背景颜色没有在文本后面应用？

（请记住，我对编码和这个网站很陌生！！）

Answer 1

默认背景颜色属性是透明的，这就是为什么您会看到来自通用选择器的背景颜色。只需添加background-color:inherit;到您的 CSS。

h1, p {
    font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size:24px;
    padding-left:200px;
    background-color:inherit;
}

jsFiddle 示例