JSFiddle - React, Tailwind, and code Playground

by seino

HTML

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

CSS

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