Edit in JSFiddle

<p>赤色になる。</p>
<p>ほげほげ</p>
<p>ほげほげ</p>
<div>
	<p>青色になる。詳細度が高いセレクタが適用される。</p>
	<p>ほげほげ</p>
</div>

/* すべての要素中の最初のp */
/* * p:first-child に等しい */
p:first-child {
	background-color: red;
}
/* DIV要素中の最初のp */
div > p:first-child {
	background-color: blue;
}