Cascade และ Inheritance เบื้องต้น
Cascade (การไหลทับ)
เมื่อหลายกฎชี้เอลิเมนต์เดียวกัน เบราว์เซอร์เลือกตามความเฉพาะเจาะจง (specificity) และลำดับในไฟล์ — กฎที่มาก่อนอาจแพ้กฎที่มาทีหลังถ้าความเฉพาะเท่ากัน
p { color: blue; }
p { color: green; } /* ชนะถ้า specificity เท่ากัน */
Inheritance (การสืบทอด)
บาง property เช่น color, font-family สืบทอดจากพ่อไปลูก · แต่ margin, padding, border โดยทั่วไป ไม่ สืบทอด
ตั้ง
color / ฟอนต์ที่ body ได้ทั้งหน้า — แล้วค่อย override จุดที่ต้องการด้วย class