YUI रीसेट सीएसएस बनाता <strong><em>इस</em></strong>

Question

YUI के Reset CSS में इस लाइन काम नहीं मेरे लिए मुसीबत खड़ी कर रहा है:

address,caption,cite,code,dfn,em,strong,th,var { 
    font-style: normal; 
    font-weight: normal; 
} 

यह मेरी em इटैलिक नहीं करता है और मेरी strong बोल्ड नहीं। जो ठीक है मुझे पता है कि कैसे अपनी खुद की स्टाइलशीट में इसे ओवरराइड करना है।

strong, b 
{ 
    font-weight: bold; 
} 

em, i 
{ 
    font-style: italic; 
} 

समस्या है जब मैं पाठ कि em और strong दोनों है है में आता है।

<strong>This is bold, <em>and this is italic, but not bold</em></strong> 

strong के लिए मेरा नियम यह बोल्ड करता है, लेकिन em के लिए YUI के शासन इसे फिर से सामान्य बनाता है। मुझसे इसका समाधान किस प्रकार होगा?

Answer 1

यदि आपकी मजबूत घोषणा YUI के बाद आती है तो इसे ओवरराइड करना चाहिए। आप इसे इस तरह मजबूर कर सकते हैं:

strong, b, strong *, b * { font-weight: bold; } 
em, i, em *, i * { font-style: italic; } 

आप अभी भी IE7 का समर्थन यदि आप !important जोड़ने की आवश्यकता होगी।

strong, b, strong *, b * { font-weight: bold !important; } 
em, i, em *, i * { font-style: italic !important; } 

यह काम करता है - खुद के लिए देखें:

/*YUI styles*/ 
 
address,caption,cite,code,dfn,em,strong,th,var { 
 
    font-style: normal; 
 
    font-weight: normal; 
 
} 
 
/*End YUI styles =*/ 
 

 
strong, b, strong *, b * { 
 
    font-weight: bold; 
 
} 
 

 
em, i, em *, i * { 
 
    font-style: italic; 
 
}

<strong>Bold</strong> - <em>Italic</em> - <strong>Bold and <em>Italic</em></strong>

Answer 2

जब तक आपके शैलियों रीसेट वाले वे काम करना चाहिए के बाद लोड कर रहे हैं। यह क्या ब्राउज़र है? क्योंकि मैं खुद को इसी तरह से काम करता हूं और मैंने इस समस्या को नहीं मारा है, मुझे आश्चर्य है कि यह मेरे परीक्षण में कुछ गलती है या नहीं।

YUI reset.css का उपयोग कर के अलावा, आप भी YUI base.css का उपयोग

strong, b, strong *, b * 
{ 
    font-weight: bold; 
} 

em, i, em *, i * 
{ 
    font-style: italic; 
} 

Answer 3

मैं YUI रीसेट ओवरराइड करने के लिए इस नियम का प्रयोग करेंगे क्रॉस ब्राउज़र आधार शैलियों का।

लिंक: http://developer.yahoo.com/yui/base/

Answer 4

है, तो आप सब एक मानक सेट के साथ सेट हो जाएगा:

Answer 5

मैं जब मैं अपने शेयर सीएसएस फ़ाइल के शीर्ष पर YUI रीसेट जोड़ा एक ऐसी ही समस्या थी। मैंने पाया कि मेरे लिए सबसे अच्छी चीज केवल

font-weight: normal; 

वाईयूआई रीसेट से घोषणाओं को निकालना था। मैंने देखा नहीं है कि इससे कुछ भी "क्रॉस-ब्राउजर" प्रभावित हुआ है।

मेरी सभी घोषणाएं यूयूआई रीसेट के बाद थीं इसलिए मुझे यकीन नहीं है कि वे क्यों प्रभावित नहीं कर रहे थे।

Answer 6

स्टाइलशीट रीसेट करें आधार के रूप में सबसे अच्छी तरह से उपयोग किया जाता है। यदि आप एम या मजबूत रीसेट नहीं करना चाहते हैं, तो उन्हें स्टाइलशीट से हटा दें।

Answer 7

जैसा कि क्रिस ने कहा था, आपको धार्मिक रूप से प्रदान किए जाने वाले सटीक सीएसएस का उपयोग करने की आवश्यकता नहीं है। मैं सिर्फ एक प्रतिलिपि को अपने सर्वर पर सहेज दूंगा, और आपकी ज़रूरतों को संपादित करूंगा।

Answer 8

मैंने सोचा कि मैं एक आदर्श समाधान था: "। इनहेरिट"

strong, b 
{ 
    font-weight: bold; 
    font-style: inherit; 
} 

em, i 
{ 
    font-style: italic; 
    font-weight: inherit; 
} 

दुर्भाग्य से, इंटरनेट एक्सप्लोरर का समर्थन नहीं करता :-(

Answer 9

मैं यूयूआई फाइलों को हैकिंग करने वाली किसी भी चीज से बचने का सुझाव दूंगा। आपको भविष्य में बाहरी पुस्तकालयों को अपडेट करने में सक्षम होना चाहिए और यदि आपकी साइट संपादित संस्करणों पर निर्भर करती है तो यह एक अच्छा मौका होगा कि यह मुर्गा हो जाएगा। मुझे लगता है यह आप का उपयोग किसी भी 3 पार्टी पुस्तकालय के लिए सामान्य अच्छी आदत है।

तो मैंने सोचा कि this जवाब बेहतर लोगों के बीच था

YUI reset.css का उपयोग कर के अलावा, आप भी उपयोग करते हैं YUI base.css, तो आप क्रॉस ब्राउज़र बेस शैलियों के मानक सेट के साथ सेट हो जाएंगे।

Answer 10

मैं देख रहा हूं कि आप क्या कह रहे हैं।

strong em { font-weight: bold; } 

या: मैं तुम्हें इस तरह एक CSS नियम जोड़ सकते हैं लगता है कि

strong * { font-weight: bold; }