การเรียงลำดับชั้นและการสืบทอดจะตัดสินใจว่าสไตล์ใดจะนำไปใช้ได้อย่างไร

เมื่อกฎหลายข้อสามารถจัดรูปแบบองค์ประกอบได้ กลไกสองอย่างจะตัดสินใจผลลัพธ์: การเรียงลำดับชั้น (กฎใดชนะ) และ การสืบทอด (คุณสมบัติใดเพื่อหลังจากผู้ปกครอง).

การเรียงลำดับชั้น — การแก้ไขความขัดแย้ง ตามลำดับ

เบราว์เซอร์เลือกการประกาศที่ชนะโดยตรวจสอบ ตามลำดับความสำคัญ:

1. Importance   → !important beats normal declarations
2. Specificity  → more specific selector wins (ids > classes > elements)
3. Source order → if still tied, the LAST rule defined wins

 { : blue; }          
 { : green; }     
 { : red; }