Descendant selector

ความหมาย

A B (เว้นวรรค) = เลือก B ที่อยู่ ข้างใน A ได้ทุกระดับลูก/หลาน

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