xxxxxxxxxx
<section class="type-a">
<header class="major">
<h2>Section 1</h2>
</header>
</section>
<section class="type-b">
<header class="major">
<h2>Section 2</h2>
</header>
</section>
xxxxxxxxxx
/* Our base styles*/
section {
border: dashed 1px black;
padding: 1em;
margin: 1em;
font-weight: bold;
color: #900;
}
/*Can over ride styles with classes*/
section.type-a {
background-color: #fee;
border: solid 4px red;
}
section.type-b {
background-color: #efe;
color: #060;
}