Optimize CSS by Grouping Selectors Tutorial by Soh Tanaka

Grouping Selectors

This is a heading

This is a paragprah

This is a class named "block"

HTML

<h2>This is an heading</h2>
<p>This is a paragprah</p>
<div class="block">This is a class named "block"</div>

CSS

h2, p, .block {
	font-size: 1.5em;
	padding: 10px 10px 10px 25px;
	margin: 10px 0;
	border: 1px solid #ddd;
	background: #f0f0f0 url(crown.gif) no-repeat 5px 10px;
}