सीएसएस: कैसे एक बड़ा (कम प्रतिबंधक) मूल्य

साथ अधिकतम-चौड़ाई मान को ओवरराइड करने के लिए मैं इस शैली के साथ एक सीएसएस फ़ाइल है:सीएसएस: कैसे एक बड़ा (कम प्रतिबंधक) मूल्य

.filefield-element .widget-edit {max-width: 70%;}

मुझे लगता है कि सीएसएस फ़ाइल को संशोधित किए बिना अधिकतम-चौड़ाई बढ़ाने के लिए चाहता था, तो मैं इस शैली के साथ एक कस्टम सीएसएस फ़ाइल बनाई:

.filefield-element .widget-edit {max-width: 99%;}

"HTML/शैलियों" फलक में, मुझे लगता है कि शैलियों को सही क्रम में सूचीबद्ध हैं:

.filefield-element .widget-edit { 
    max-width: 99%; 
} 

.filefield-element .widget-edit { 
    float: left; 
    max-width: 70%; 
}

हालांकि, "अधिकतम-चौड़ाई: 99%" "अधिकतम-चौड़ाई: 70%" ओवरराइड नहीं कर रहा है। ऐसा लगता है कि अधिक प्रतिबंधक मूल्य (70%) का उपयोग किया जाता है, भले ही कम-प्रतिबंधित मूल्य (99%) पहले आता है।

क्या अधिकतम (चौड़ाई) मूल्य के साथ अधिकतम-चौड़ाई मान को ओवरराइड करने का कोई तरीका है?

स्रोत

2011-02-07 moondog

आप ओवरराइड कर सकते हैं (सेट नहीं)

.foo{ max-width:none; }

साथ अधिकतम-चौड़ाई ... किसी भी विरासत में मिला अधिकतम-चौड़ाई स्पष्ट करने के लिए।

स्रोत

2012-11-26 13:11:00

'चौड़ाई: ऑटो'' लेकिन' अधिकतम चौड़ाई: कोई भी 'wtf w3c सोच रहा था या जिसने यह – OZZIE

@OZZIE का निर्णय लिया, नाम सही समझ में आते हैं। 'अधिकतम-चौड़ाई '" शून्य "है: आपके पास या तो एक है या आप नहीं करते हैं। जबकि एक तत्व में हमेशा 'चौड़ाई' होती है, जो स्पष्ट हो सकती है या नहीं भी हो सकती है। 'ऑटो' आपको स्पष्ट रूप से अंतर्निहित चौड़ाई पर वापस जाने की अनुमति देता है, लेकिन चौड़ाई अभी भी मौजूद है। – harpo

यह एक विशिष्टता मुद्दा है। http://htmldog.com/guides/cssadvanced/specificity/ पर एक नज़र डालें।

असल में, आपको दूसरे की तुलना में एक और विशिष्ट बनाना होगा। .filefield-element .widget-edit से पहले युक्त तत्व रखो और यह ओवरराइड कर दिया जाएगा

स्रोत

2011-02-07 17:29:11

सुझाव के लिए धन्यवाद। अभी भी कोई भाग्य नहीं है। मैंने ".filefield-element .widget-edit" को ".form-item .filefield-element .widget-edit" को बदलने की कोशिश की। – moondog

मुझे पता है कि यह पुराना है, लेकिन सोचा कि मैं निम्नलिखित जोड़ दूंगा। यदि आप देखते हैं कि वह कहता है कि वह इसे "एचटीएमएल/शैलियों" फलक में देख रहा था। अधिकांश निरीक्षकों में स्टाइल फलक में यह सबसे अधिक ओवरराइडिंग और उच्चतम विशिष्टता नियम पहले दिखाता है। तो विशिष्टता के साथ कोई समस्या नहीं थी। – John

!important का उपयोग करें या उच्च विशिष्टता के साथ चयनकर्ता।

स्रोत

2011-02-07 17:29:28 duri

+1, इसे काम करना है। – jolt

सुझाव के लिए धन्यवाद। मैंने दोनों तरीकों की कोशिश की - जोड़ना! महत्वपूर्ण और उच्च विशिष्टता वाले चयनकर्ता बनाना - लेकिन अभी भी कोई भाग्य नहीं है। यहां दी गई शैली है: div.form-item .filefield-element .widget-edit { अधिकतम-चौड़ाई: 99%! महत्वपूर्ण; } – moondog

स्पष्टीकरण के लिए, मुझे लगता है कि समस्या "अधिकतम-चौड़ाई" के लिए विशिष्ट हो सकती है। अधिक प्रतिबंधित अधिकतम-चौड़ाई (स्पष्ट रूप से) उपयोग की जाती है, भले ही कम-प्रतिबंधित अधिकतम-चौड़ाई की प्राथमिकता हो। – moondog

जावास्क्रिप्टmax-width को none पर सेट करने के लिए पहले, फिर एक नया मान पुन: असाइन करें।

स्रोत

2012-03-18 22:02:39 chris

सीएसएस: कैसे एक बड़ा (कम प्रतिबंधक) मूल्य

उत्तर

संबंधित मुद्दे