2008-09-19 8 views
24

मैं त्वचा HTML आउटपुट जो मैं नियंत्रण अपने हाथ में नहीं है करने के लिए कोशिश कर रहा हूँ है करने के लिए एक शैली के लिए मजबूर करने का कोई तरीका है। तत्वों में से एक divstyle="overflow: auto" विशेषता के साथ है।
overflow: hidden; का उपयोग करने के लिए div पर बल देने के लिए सीएसएस में कोई तरीका है?वहाँ एक div तत्व जो पहले से ही एक शैली = "" विशेषता

उत्तर

66

आप अपनी शैली के अंत तक !important जोड़ सकते हैं, इस तरह:

element { 
    overflow: hidden !important; 
} 

यह कुछ आप सामान्य रूप से पर भरोसा नहीं करना चाहिए है, लेकिन आपके मामले के लिए सबसे अच्छा विकल्प है कि में। मार्कअप, प्रस्तुति, और व्यवहार (एचटीएमएल/सीएसएस/जावास्क्रिप्ट) को अलग करने के सर्वोत्तम अभ्यास से जावास्क्रिप्ट strays में मान बदल रहा है।

+0

विशेष रूप से आईई 7,8 सीएसएस कीड़े – tmanthey

0

जहाँ तक मुझे पता है, वास्तविक HTML तत्वों पर शैलियों कुछ भी आप अलग सीएसएस शैली में क्या कर सकते हैं ओवरराइड।

हालांकि, आप जावास्क्रिप्ट ओवरराइड कर उपयोग कर सकते हैं।

9

आप सीएसएस फ़ाइल में !important स्थापित करने की कोशिश की है? कुछ की तरह:

#mydiv { overflow: hidden !important; } 
4

सुनिश्चित नहीं हैं कि अगर यह काम करते हैं या नहीं होगा, यह overflow साथ परीक्षण नहीं किया।

overflow:hidden !important 

शायद?

2

div एक इनलाइन शैली घोषणा, बदलते स्रोत जावास्क्रिप्ट के साथ है बिना यह संशोधित करने के लिए एक ही रास्ता है, तो। सीएसएस में हर बार इनलाइन शैली विशेषता 'जीत'।

+0

को हल करने के लिए उपयोगी आप कैसे करते हो एक तत्व रिकर्सिवली के सभी बच्चों के लिए है? – qed

2

Magnar सही रूप में W3C कल्पना नीचे चिपकाया से समझाया है। लगता है कि महत्वपूर्ण कीवर्ड जोड़ा गया था ताकि उपयोगकर्ता तत्व स्तर पर "पके हुए" शैली सेटिंग्स को ओवरराइड कर सकें। चूंकि आप उस स्थिति में हैं जहां एचटीएमएल पर आपका नियंत्रण नहीं है, यह आपका सबसे अच्छा विकल्प हो सकता है, हालांकि यह सामान्य डिजाइन पैटर्न नहीं होगा।

W3C CSS Specs

अंश:

6.4.2 महत्वपूर्ण नियमों सीएसएस लेखक और उपयोगकर्ता शैली चादरें के बीच सत्ता का संतुलन बनाने के लिए प्रयास करता है। डिफ़ॉल्ट रूप से, में लेखक की स्टाइल शीट में उपयोगकर्ता की स्टाइल शीट (कैस्केड नियम 3 देखें) में ओवरराइड करें।

However, for balance, an "!important" declaration (the keywords 

"!" और "महत्वपूर्ण" घोषणा का पालन करें) सामान्य घोषणा पर प्राथमिकता लेता है। लेखक और उपयोगकर्ता शैली शीट में "महत्वपूर्ण" घोषणाएं हो सकती हैं, और उपयोगकर्ता "महत्वपूर्ण" नियम लेखक "महत्वपूर्ण" नियमों को ओवरराइड करते हैं। यह सीएसएस सुविधा प्रस्तुतियों पर नियंत्रण (बड़े फ़ॉन्ट, रंग संयोजन, आदि) उपयोगकर्ताओं को विशेष आवश्यकताओं वाले उपयोगकर्ताओं को द्वारा दस्तावेज़ों की पहुंच में सुधार करता है।

Note. This is a semantic change since CSS1. In CSS1, author 

"!महत्वपूर्ण! महत्वपूर्ण "नियम उपयोगकर्ता पर पूर्वता ले लिया" "नियम।

Declaring a shorthand property (e.g., 'background') to be 

"! महत्वपूर्ण! महत्वपूर्ण " करने के लिए अपने उप-गुणों के सभी घोषित होने के लिए बराबर है" "।

Example(s): 

The first rule in the user's style sheet in the following example 

में "! महत्वपूर्ण" घोषणा है, जो लेखक की शैलियों शीट में घोषणा को ओवरराइड करता है। दूसरी घोषणा चिह्नित होने के कारण भी जीत जाएगी "!जरूरी"। हालांकि, उपयोगकर्ता का शैली पत्रक में तीसरा नियम नहीं "! महत्वपूर्ण" है और इसलिए लेखक का शैली पत्रक में दूसरा नियम (जो एक आशुलिपि संपत्ति पर शैली स्थापित करने के लिए होता है) को खो देंगे। इसके अलावा, तीसरा लेखक नियम दूसरे लेखक नियम से हार जाएगा क्योंकि दूसरे नियम "महत्वपूर्ण" है। इससे पता चलता है कि "महत्वपूर्ण" घोषणाओं में फ़ंक्शन लेखक शैली शीट्स के भीतर भी कार्य करता है।

/* From the user's style sheet */ 
P { text-indent: 1em ! important } 
P { font-style: italic ! important } 
P { font-size: 18pt } 

/* From the author's style sheet */ 
P { text-indent: 1.5em !important } 
P { font: 12pt sans-serif !important } 
P { font-size: 24pt } 
संबंधित मुद्दे