शॉर्टहैंड प्रॉपर्टी ओवरराइड

इस एरर के कारण

Shorthand प्रॉपर्टीज़ (जैसे margin, background, font) अपनी सभी sub-properties को initial मानों पर reset करती हैं। यदि आप पहले margin-top सेट करते हैं और फिर margin, तो margin-top का मान override हो जाता है।

इसे कैसे ठीक करें

longhand overrides से पहले shorthand प्रॉपर्टीज़ रखें। अलग-अलग मानों के लिए longhand प्रॉपर्टीज़ उपयोग करें। ध्यान रखें कि shorthand अनिर्दिष्ट sub-properties को reset करता है।

div {
  margin-top: 10px;
  margin: 0; /* overrides margin-top */
}