Child และ adjacent sibling
Child — A > B
เลือกเฉพาะ B ที่เป็น ลูกตรง ของ A ไม่รวมหลานที่ซ้อนลึกกว่า
ul > li {
list-style: square;
}
Adjacent sibling — A + B
เลือก B ที่เป็นพี่น้อง ตัวถัดไปทันที หลัง A
h2 + p {
font-size: 1.125rem;
}
> แคบกว่าเว้นวรรค · + ใช้จับ “ย่อหน้าแรกหลังหัวข้อ” ได้ดีโดยไม่ใส่ class พิเศษ