पाठ 23 / 28

इनहेरिटेंस और कास्केड

कौन-सी प्रॉपर्टी बच्चों तक पहुँचती हैं, और टकराव सुलझाने का पूरा क्रम।

क्या इनहेरिट होता है

color, font-family, font-size, और line-height जैसी टेक्स्ट-संबंधी प्रॉपर्टी पेरेंट से बच्चे तक अपने-आप इनहेरिट होती हैं। margin, padding, और border जैसी बॉक्स प्रॉपर्टी नहीं

कास्केड क्रम

जब रूल टकराते हैं, ब्राउज़र क्रम से जाँचता है: origin और importance (author स्टाइल बनाम !important), फिर स्पेसिफिसिटी, फिर स्रोत क्रम — बराबर स्पेसिफिसिटी में अंतिम रूल जीतता है।

!important से बचें

!important सामान्य स्पेसिफिसिटी को ओवरराइड करता है और बाद में हटाना मुश्किल होता है — !important की बजाय ज़्यादा विशिष्ट सेलेक्टर उपयोग करें या सीएसएस को फिर से व्यवस्थित करें।