id > class > 要素 > * (←をクリックすると他の状態もみられるよ)
このサンプルは「id」の指定が優先されています。
テキストの色の指定を見てください。
<div>
<p id="thisId" class="thisClass">テキストの色の指定を見てください。</p>
</div>
#thisId { /* ★★★★★ */
color: green
}
.thisClass { /* ★★★☆☆ */
color: red;
}
div p { /* ★★☆☆☆ */
color: blue;
}
* { /* ★☆☆☆☆ */
color: gray;
}