2012-03-09 15 views
9

मैं इस सीएसएस तत्व को डिफ़ॉल्ट सेटिंग में वापस चालू करना चाहता हूं और मैं यह नहीं समझ सकता कि इन सूची-शैली सीएसएस तत्वों को ओवरराइड कैसे करें। वे एक और स्टाइल शीट पर हैं कि मैं बदल नहीं सकता लेकिन मैं लिंक कर रहा हूं। अगर आप जानते हैं कि कृपया मदद करें।सूची-शैली सीएसएस डिफ़ॉल्ट पर वापस ओवरराइड

ol li { 
    list-style: decimal; 
} 
ol { 
    list-style: decimal outside; 
} 
+0

मैं डिफ़ॉल्ट मतलब कैसे ब्राउज़र को समझता राजभाषा और ली – Blynn

उत्तर

15

उपयोग !important, उदा .:

ol li { 
    list-style: inherit !important; 
} 

ol { 
    list-style: inherit !important; 
} 
+1

मैं केवल प्रयोग करेंगे के अनुसार महत्वपूर्ण एक अंतिम उपाय के रूप में!। यह विशिष्टता को अस्वीकार करता है, जिसमें अनपेक्षित परिणाम हो सकते हैं, और रखरखाव को एक दुःस्वप्न बना देता है। यह तकनीकी रूप से गलत नहीं है, लेकिन यह सबसे अच्छा अभ्यास नहीं है। – chipcullen

+0

यदि आप स्पष्ट करते हैं कि 'महत्वपूर्ण' का उपयोग केवल इस तरह के मामलों में किया जाना चाहिए, जहां आपके पास स्टाइलशीट है जिसे आप नहीं बदल सकते हैं, लेकिन आपको इसे ओवरराइड करना होगा। –

+5

यह वास्तव में मामला नहीं है। विचार करें: 'बटन: सक्रिय {रंग: लाल; } बटन: पहला बच्चा {रंग: नीला; } '। मैं सभी सक्रिय बटनों के पाठ को लाल होना चाहता हूं लेकिन पहले बटन का पाठ सामान्य रूप से नीला होना चाहिए। दो चयनकर्ताओं की एक ही विशिष्टता होती है, और केवल नियम आदेश परिणाम को निर्धारित करता है (जो भयानक है।) इस मामले में मैं 'बटन डालूंगा: सक्रिय {रंग: लाल! महत्वपूर्ण; } 'चयनकर्ता ब्लोट से बचने के लिए, क्योंकि मुझे पता है: सक्रिय स्थिति वास्तव में इस स्थिति में सबसे महत्वपूर्ण है। http://jsfiddle.net/ygcYG/ –

0

मैं विशिष्टता उपयोग करने के लिए ली स्टाइल जो कुछ भी आप चाहते हैं निर्धारित करने की कोशिश कर के बारे में जाना होगा। क्या आपके पास एक मूल तत्व है जिसे आप हुक कर सकते हैं? !

.container ol li { 
    /* whatever you want */ 
} 
3

यह प्रयोग उचित नहीं है महत्वपूर्ण है, कभी सच: की तरह, अगर यह वर्ग कंटेनर के साथ एक div था, कुछ तरह से करते हैं। आप एक कंटेनर जोड़कर क्या chipcullen ऊपर कहा क्या कर सकते हैं या यदि आप एक सरल ओवरराइड कि कोई बात नहीं क्या काम करेंगे चाहते हैं, आप कुछ इस तरह कर सकते हैं:

body ol { 
    margin: 1em 0; 
    padding: 0 0 0 40px; 
} 

body ol li { 
    list-style-type: decimal; 
} 

मूल्यों मैं अंदर डाल वहाँ ब्राउज़र को पुनर्स्थापित करना चाहिए डिफ़ॉल्ट, और normalize.css से लिया जाता है।

1

आप की जरूरत हो सकता है:

ol li { display: list-item; } 
संबंधित मुद्दे