# इनहेरिटेंस और कास्केड — CSS Fundamentals: Layout, Flexbox, Grid और Responsive Design

Source: https://www.skillbyai.com/hi/css/css-inheritance-cascade

> Inherited properties और पूरा cascade क्रम समझें, और !important के अत्यधिक उपयोग से बचें।

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

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

## कास्केड क्रम

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

## !important से बचें

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