सीएसएस प्राथमिकता: इनलाइन शैलियों को ओवरराइड क्यों किया जाता है

सीएसएस में, शैलियों को उनके नियमों की प्राथमिकता के आधार पर तत्वों पर लागू किया जाता है। जब एक से अधिक नियम एक ही तत्व को लक्षित करते हैं, तो उच्चतम प्राथमिकता वाला नियम प्रभावी होगा। पहचान। हालाँकि, संदर्भित स्टाइलशीट की एक शैली .rightColumn वर्ग के सभी तत्वों के लिए मार्जिन और पैडिंग को 0 पर सेट करती है। मुद्दा यह है कि संदर्भित स्टाइलशीट की शैलियों को उच्च प्राथमिकता दी गई है, जिससे इनलाइन शैलियों को ओवरराइड किया जा सकता है। नियम। विशिष्टता की गणना निम्नलिखित मानदंडों के आधार पर की जाती है:

इनलाइन शैली घोषणाएं विशिष्टता में 1 अंक का योगदान करती हैं (ए = 1)।

चयनकर्ता में प्रत्येक आईडी 10 अंक का योगदान देती है (बी = एन) ).

चयनकर्ता में प्रत्येक वर्ग या छद्म-वर्ग 1 अंक (सी = एन) का योगदान देता है।

चयनकर्ता में प्रत्येक तत्व या छद्म-तत्व 1 अंक (डी = एन) का योगदान देता है।

1. उदाहरण के लिए, चयनकर्ता .rightColumn * वाले एक नियम की विशिष्टता 0010 (a = 0, b = 0, c = 1, d = 0) है, जबकि चयनकर्ता td वाले नियम की विशिष्टता है 0001 की विशिष्टता है (ए = 0, बी = 0, सी = 0, डी = 1)। चूंकि 0010, 0001 से बड़ा है, इसलिए संदर्भित स्टाइलशीट के नियम को उच्च प्राथमिकता दी गई है।
3. समस्या का समाधान
4. इस समस्या को हल करने और इनलाइन शैलियों को लागू करने के लिए, आपके पास है दो विकल्प:

उपयोग करें !important: आप इनलाइन शैली के उच्च महत्व को बल देने के लिए उसमें !important जोड़ सकते हैं। हालाँकि, इस दृष्टिकोण को बनाए रखना मुश्किल हो सकता है और यदि संभव हो तो इससे बचना चाहिए।

नियम विशिष्टता बढ़ाएँ:

आप इसकी विशिष्टता बढ़ाने के लिए इनलाइन शैली में एक अधिक विशिष्ट चयनकर्ता जोड़ सकते हैं। उदाहरण के लिए, आप तालिका कक्षों में एक वर्ग का नाम जोड़ सकते हैं और .rightColumn .myUnpaddedTable जैसे चयनकर्ता का उपयोग करके उन्हें स्टाइल कर सकते हैं। इस तरह, इनलाइन शैली की विशिष्टता 0011 हो जाती है, जो संदर्भित स्टाइलशीट (0010) से नियम की विशिष्टता से अधिक है।