ตัวอย่างกฎทับกัน

<div class="card" id="promo">
  <p class="lead">โปรโมชันวันนี้</p>
</div>

p { color: gray; }           /* อ่อน */
.lead { color: navy; }       /* แรงกว่า p */
#promo .lead { color: teal; } /* แรงกว่า .lead เพราะมี id */