मैं मुख्य शैली पत्रक फ़ाइल में @import
का उपयोग कर एक और स्टाइलशीट आयात किया। मैंने जो परिवर्तन @import
स्टाइलशीट मुख्य शैली पत्रक ओवरराइड करने के लिए बना दिया है चाहते हैं। क्या यह संभव है?मुख्य स्टाइलशीट को ओवरराइड करने के लिए मैं अपनी @import स्टाइलशीट कैसे प्राप्त करूं?
उत्तर
अपने लक्ष्य को एक और स्टाइलशीट आयात करके शैलियों को ओवरराइड करने के लिए है, तो आप प्राथमिकता का क्रम का उपयोग करना चाहिए।
<head>
<title>Title</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="style-override.css" rel="stylesheet" type="text/css" />
</head>
यहाँ style.css
मूल है और style-override.css
अपने नए कस्टम सीएसएस होते हैं। ये शैलियों style.css
से शैलियों को ओवरराइड कर देंगे। इसका मतलब है कि आपको !important
का उपयोग करने की आवश्यकता नहीं होगी क्योंकि शैली ओवरराइट की गई है।
इससे बचें! जब भी आप कर सकते हैं महत्वपूर्ण!
@import
<style type="text/css">
@import url("style.css");
@import url("style-override.css");
</style>
एक पक्ष नोट के रूप में
भी ऐसा करने के लिए यदि आप इसके बजाय, पृष्ठ से सभी शैलियों हटा एक सीएसएस रीसेट का उपयोग करें।
<style type="text/css">
@import url("style.css");
@import url("reset.css");
@import url("style-override.css");
</style>
http://meyerweb.com/eric/tools/css/reset/ पर एक सीएसएस रीसेट देखें और इसे reset.css में जोड़ें।
यह काम किया धन्यवाद! – Kenshi
@import
पहले के अंत में दूसरी स्टाइलशीट।
आप !important
और @import
लोड करने का प्रयास नहीं किया गया है @i अंत में mport यह अब सीएसएस लोड नहीं कर रहा है। मैं इसका उपयोग नहीं करना चाहता! महत्वपूर्ण है क्योंकि मुझे वह सब कुछ करना होगा जो मैं बदलना चाहता हूं, वहां एक आसान तरीका होना चाहिए। – Kenshi
अपने दूसरे स्टाइलशीट ही चयनकर्ताओं का उपयोग करता है भ्रमित कर रहे हैं, तो यह किसी भी समस्या के बिना पहली ओवरराइड करना चाहिए।
सीएसएस का निर्धारण करने के लिए प्राथमिकता का एक बहुत सख्त क्रम है जिसका उपयोग किया जाना चाहिए, लेकिन यदि अन्य सभी बराबर हैं और दो शैलियों में बिल्कुल वही प्राथमिकता स्तर है, तो यह अंतिम रूप से निर्दिष्ट एक का उपयोग करेगा। यह आपको बाद में उसी चयनकर्ता को दोहराकर बस एक शैली को ओवरराइड करने की अनुमति देता है।
इसका एकमात्र अपवाद अगर पहली शैली !important
के रूप में निर्दिष्ट किया गया है। इस मामले में, इसे ओवरराइड करना बहुत कठिन है। यहां तक कि !important
के रूप में एक और शैली को निर्दिष्ट कर सकते हैं हमेशा (मैं मामलों को देखा है, जहां यह कुछ ब्राउज़रों में काम नहीं किया है, लेकिन अन्य) काम नहीं।
तो यदि पिछली स्टाइलशीट !important
का उपयोग करती है तो आपको इसे ओवरराइड करने में समस्या हो सकती है। लेकिन यदि नहीं, तो यह काफी सरल होना चाहिए।
यह समाधान मेरे लिए सही काम कर रहा है।
अपने main.css की प्रति बनाएं और इसे style.css पर पुनर्नामित करें। main.css में सब और अतीत को हटा दें:
@import url("style.css");
@import url("style-override.css");
यही सब।
आप और अधिक विशिष्ट वर्ग के नाम का उपयोग कर सकते हैं - आप बस overqualified कि चयनकर्ताओं सबसे अच्छा नहीं कर रहे हैं ध्यान में रखना, नए सीएसएस उपयोग
body div#sample {
max-width: 75%;
}
पर
div#sample {
max-width: 75%;
}
को बदलना चाहते हैं, उदाहरण के लिए विचार;)
- 1. मैं अपनी सीएसएस स्टाइलशीट को आरएसएस फ़ीड
- 2. स्टाइलशीट
- 3. बेजोड़ और/या अनावश्यक सीएसएस चयनकर्ताओं को हटाकर मैं अपनी स्टाइलशीट को कैसे अनुकूलित करूं
- 4. क्रोम उपयोगकर्ता एजेंट स्टाइलशीट अपनी साइट शैली
- 5. मैं एक्सएसएलटी स्टाइलशीट के स्वचालित परीक्षण कैसे करूं?
- 6. सीएसएस दूसरी स्टाइलशीट
- 7. एक्सएसएलटी स्टाइलशीट के लिए आईडीई
- 8. wkhtmltopdf स्टाइलशीट
- 9. प्रिंट स्टाइलशीट -
- 10. सीएसएस स्टाइलशीट
- 11. स्टाइलशीट "प्रोफाइलर"
- 12. क्यूटी स्टाइलशीट
- 13. डिफ़ॉल्ट javadoc स्टाइलशीट को कैसे बदलें?
- 14. स्टैकिंग CSS3 स्टाइलशीट
- 15. स्क्रीन और मोबाइल स्टाइलशीट
- 16. एएसपी.नेट थीम स्टाइलशीट प्रतिपादन
- 17. फ्लेक्स बाहरी स्टाइलशीट सम्मेलन
- 18. गतिशील इनलाइन स्टाइलशीट
- 19. दस्तावेज़ में स्टाइलशीट कब जोड़ा गया है। स्टाइलशीट
- 20. सीएसएस स्टाइलशीट पदानुक्रम का महत्व
- 21. डिफ़ॉल्ट स्टाइलशीट को कैसे संशोधित करें?
- 22. एक लाटेक्स स्टाइलशीट
- 23. एक स्टाइलशीट से दूसरे
- 24. उपयोगकर्ता एजेंट स्टाइलशीट
- 25. एक LESS.js स्टाइलशीट
- 26. जावा ट्रांसफार्मर त्रुटि: स्टाइलशीट
- 27. मर्ज कई xslt स्टाइलशीट
- 28. एक्सएसएलटी स्टाइलशीट पैरामीटर
- 29. JavaFX में स्टाइलशीट करने के लिए सीएसएस फ़ाइल जोड़ने
- 30. Jquery के साथ माध्यमिक स्टाइलशीट कैसे बदलें?
मुख्य स्टाइल शीट के बाद @import करें और आपको ठीक होना चाहिए –
बस इसे आजमाया और अब यह – Kenshi