Descendant selector
ความหมาย
A B (เว้นวรรค) = เลือก B ที่อยู่ ข้างใน A ได้ทุกระดับลูก/หลาน
article p {
color: #333;
}
<article>
<p>ย่อหน้าในบทความ — ถูกเลือก</p>
<div>
<p>ย่อหน้าซ้อนลึก — ถูกเลือกด้วย</p>
</div>
</article>
<p>ย่อนอก article — ไม่ถูกเลือก</p>
ใช้เมื่อต้องการสไตล์ทั้งโซน เช่น “ข้อความทั้งหมดใน article” โดยไม่แตะย่อหน้าอื่นในหน้า