एचटीएमएल चौड़ाई विशेषता को ओवरराइड करना बंद करें

Question

मेरे पास कुछ पुरानी सामग्री है जिसमें HTML चौड़ाई विशेषता के साथ निर्दिष्ट चौड़ाई वाली सारणी है: <table width="250">। सीएसएस चयनकर्ता table के लिए इस नियम को एक नियम द्वारा ओवरराइड किया जा रहा है। क्या मैं इसे ओवरराइड करना बंद कर सकता हूं ताकि तालिका में HTML विशेषता में निर्दिष्ट चौड़ाई हो (जो हमेशा 250 पिक्सेल नहीं है, यह केवल एक उदाहरण है)? मैं उन टेबलों को चुन सकता हूं जिनके चयनकर्ता #column1 table के साथ अपनी चौड़ाई ओवरराइड नहीं होनी चाहिए।

Answer 1

इस प्रयास करें:

#column1 table { 
    width: auto; 
} 

जैसा कि आप जानते, सीएसएस हमेशा पुराने एचटीएमएल इनलाइन विशेषताओं पर आ जाएगी। Wysiwyg संपादक का उपयोग करते समय यह आमतौर पर एक समस्या है।

मैंने जावास्क्रिप्ट और jquery के साथ एक सीएमएस में wysiwyg संपादक द्वारा उत्पन्न पुराने एचटीएमएल के लिए इस समस्या को हल किया। मैं मेज (रों) से अधिक पुनरावृति और चौड़ाई और ऊंचाई विशेषता है जो मैं तो इनलाइन सीएसएस में बदलने पढ़ें:

var $table = $('#column1 table'); 
$table.css({ 
    "width" : $table.attr('width'), 
    "height" : $table.attr('height') 
}); 

Answer 2

आप HTML के साथ सीएसएस ओवरराइड नहीं कर सकते, लेकिन आप उदाहरण के लिए विशेषता style जोड़ सकते हैं:

style = " width: 250px;" 

संपादित करें: आप इसे बाहर से लगाकर ओवरराइड कर सकते हैं सीएसएस शासन के अंत के जो किसी अन्य सीएसएस आप क्या बदल रहे हैं के संबंध में जिम्मेदार बताते हैं बाहर रद्द हो जाएगा पर महत्वपूर्ण!।

जैसे:

#column1 table { 
    width: 250px !important; 
} 

Answer 3

.. एक नज़र इस लिंक लो http://www.w3schools.com/cssref/pr_dim_width.asp

एचटीएमएल में ईद यानी

मेज पर में डाल दिया और उसके बाद सीएसएस बस

करें

#TABLE1 
{ 
width:250; 
} 

Answer 4

क्या आप कृपया हमें बता सकते हैं कि आप इनलाइन HTML विशेषताओं का उपयोग क्यों कर रहे हैं?

जब तक आपके पास बहुत मजबूत कारण नहीं है, तो मैं आपको सलाह देता हूं कि आप किसी शैली से संबंधित चीजों को सीएसएस में ले जाएं। और यह बहुत बेहतर है अगर सीएसएस की अपनी फाइल है, इनलाइन भी शामिल नहीं है।

प्रस्तुति से हमेशा सामग्री को अलग करने के लिए यह एक बेहतर अभ्यास है।

Answer 5

एक संभावित हालांकि मेरे साथ हुआ असंगत उत्तर सीएसएस चयनकर्ता table के लिए नियम को प्रतिस्थापित करना :not(#column1) table के लिए है। हालांकि यह केवल कुछ आधुनिक ब्राउज़रों में काम करेगा और आईई नहीं।

Answer 6

जैसा कि कहा गया है, मैं आपको इसके लिए स्टाइलशीट का उपयोग करने का सुझाव दूंगा! आप इसे अपने शैलियों में लागू करें। सीएसएस:

table { 
    width:250px; 
} 

और यदि पर्याप्त नहीं है, तो आप जोड़ सकते हैं!महत्वपूर्ण है, जैसे:

table { 
    width:250px !important; 
} 

और अपने html के शीर्ष भाग में इस तरह स्टाइलशीट जोड़ें: प्रत्येक मेज पर: "250px चौड़ाई" सीधे

<link rel="stylesheet" type="text/css" href="css/stlyes.css"> 

नहीं तो आप शैली = जोड़ने के लिए की आवश्यकता होगी । यदि आप फिर चौड़ाई को फिर से बदलना चाहते हैं 260 पीएक्स, आपको उन सभी को फिर से बदलना होगा।

हालांकि, अगर आपके पास अपने एचटीएमएल कोड तक पहुंच है, तो एक ढूँढें-जगह बदलने के लिए, एक साफ़ कोड रखने की सिफारिश की जाएगी। लगभग किसी भी बहुत ही सरल टेक्स्ट एडिट प्रोग्राम में एक खोज-प्रतिस्थापन विकल्प होना चाहिए ...

Answer 7

मुझे पता है कि यह प्रश्न 2 साल पहले पूछा गया था, लेकिन यह उन अन्य लोगों के लिए सहायक हो सकता है जिनके समान समस्याएं हैं। आप सीएसएस विशेषता चयनकर्ता का उपयोग कर सकते हैं:

table:not([width]) { 
    width: 250px; 
} 

ध्यान दें कि यह आईई 9 के तहत काम नहीं करेगा, जहां तक ​​मुझे पता है।