My content is within a main div called "wrapper-landing" and I have created a paragraph style for all <p> tags using #wrapper-landing p. However, when I added another class to my <p> tag, it did not apply the style. It only applied the style of the original <p> tag.
If you want to see the specific text that needs to be styled differently, look at my jsfiddle:
- Find out how our Subaru can help you manage the road
Take a look at my jsfiddle here: http://jsfiddle.net/huskydawgs/k4hq8L7f/23/
Check out my code snippet below:
<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>
Here's the CSS code:
#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;
}