सीएसएस पृष्ठभूमि को ओवरराइड कैसे करें जो पहले से ही है! महत्वपूर्ण?

Question

मैं स्टाइलिश के साथ वेबसाइट की पृष्ठभूमि को ओवरराइड करने की कोशिश कर रहा हूं लेकिन यह काम नहीं कर रहा है। वेबसाइट के लिए पृष्ठभूमि सीएसएस में भी एक महत्वपूर्ण है, और यह स्टाइलिश ओवरराइड कर रहा है।

मेरे कोड:

body { 
    background-image: none !important; 
    background: black !important; 
} 

किसी भी मदद की?

Answer 1

आप अधिक विशिष्ट होना करने के लिए, उदाहरण के लिए, > चयनकर्ता का उपयोग करके की आवश्यकता होगी (quick guide to CSS specificity):

body { 
    background-image: none !important; 
    background: black !important; 
} 

html > body { 
    background-image: none !important; 
    background: red !important; 
} 

JSBin

Answer 2

सबसे पहले, मैं आपको सलाह नहीं देता हूं! अक्सर महत्वपूर्ण, इसे टालने का प्रयास करें।

आईएफएफ आप एक तत्व आप और अधिक अच्छी तरह से तो यह है कि ओवरराइड करता है इस तत्व को सीएसएस पथ को परिभाषित कर सकते है। उदाहरण के लिए:

.elem { 
    color: black!important; 
} 

#list1 > .elem { 
    color: red!important; 
} 

Answer 3

कैसे विशिष्टता काम करता है is here की आधिकारिक दस्तावेज । एक उच्च संख्या आधार विशिष्टता में बस (100 * ID rules) + (10 * class rules) + (1 * tag rules) है।

यदि आप एक बहुत ही अप्रिय वेबसाइट में भाग रहे हैं या बहुत व्यापक नियम का उपयोग करना चाहते हैं तो आप कृत्रिम रूप से विशिष्टता बढ़ाने के लिए :not(#some_id_which_you_will_never_find) का उपयोग कर सकते हैं। आईडी नियमों का उच्चतम मूल्य होता है ताकि आपको उनका उपयोग करना चाहिए।

उदाहरण के लिए मैं यह सुनिश्चित करना है कि एक वेबसाइट में हर div visibility: hidden के रूप में चिह्नित नहीं किया गया था चाहता था और इस प्रयोग किया है:

div:not(#oStHDi_0):not(#oStHDi_1):not(#oStHDi_2):not(#oStHDi_3):not(#oStHDi_4):not(#oStHDi_5) { 
    visibility: inherit !important; 
} 

यह 601.

की एक विशिष्टता है आपके मामले में body विशिष्टता 001 है , html > body 002 है और body:not(#foobar) 101.