html - 如何在div中的段落样式下创建段落类

我的所有内容都包含一个主要的div（环绕包装器着陆），并为所有<p>标记（#wrapper-landing p）创建了一个段落样式。我在<p>标记上创建了另一个类，但它没有采用这种样式。我只是展示了原始<p>标签的样式。

看看我的jsfiddle。我希望有不同的文字是：


  
  了解我们的斯巴鲁如何帮助您管理道路
  


这是我的jsfiddle：http://jsfiddle.net/huskydawgs/k4hq8L7f/23/

这是我的代码：

<div id="wrapper-landing">
<p>
    Carter Subaru is your New and Used Subaru car sales headquarters. We also offer the Subaru auto maintenance and repair services that you need in Seattle.</p>
<div class="signup-box">
    <p>
        Find out how our Subaru can help you manage the road</p>
</div>
</div>

这是我的CSS：

#wrapper-landing {
    width: 916px;
    margin: 0 auto 50px auto;
    padding: 0;
}

#wrapper-landing p {
    color: rgb(102, 102, 102);
    font-family: Helvetica,Arial,sans-serif;
    font-size: 1.1em;
    line-height: 1.6em;
}

.signup-box {
    padding:0 12px;
    color: #555555;
    background-color: #F1F1F1;
    border: #e2e3e4 2px solid
}

    .signup-box p {
        font-family:Helvetica, Arial;
        font-size:1em;
        font-weight:normal;
        color:#2251a4;
        margin: 0 0 2px 0;
        text-align: center;
    }

最佳答案

编辑：根据您的最新评论。

这仍然是一个优先问题。尝试以下选择器：#wrapper-landing .signup-box p