2013-04-17 8 views
6

मैं एम के उपयोग के लिए नया हूं। मैंने हमेशा तक पीएक्स का उपयोग किया है लेकिन अब आगे बढ़ने का समय है। मैं अपने शीर्षकों के साथ फंस गया हूँ। मैं एक H2 और एक ही स्टाइलहेडर के लिए एम का उपयोग

font-size:1.2em; 
line-height:1.2em; 

जब मैं एक ही मूल तत्व वे एक अलग आकार में प्रदर्शित किए जाते हैं में दोनों हेडर डाल के साथ को H6 मिल गया है। वो कैसे संभव है? क्या वे माता-पिता के सापेक्ष हैं या वे स्वयं के डिफ़ॉल्ट फ़ॉन्ट आकार के सापेक्ष हैं।

धन्यवाद

http://jsfiddle.net/SBAHa/1

+0

उन्हें 'महत्वपूर्ण' डालकर उन्हें महत्वपूर्ण बनाने का प्रयास करें .. यह डिफ़ॉल्ट मानों को ओवरराइड करेगा .. –

+0

कृपया कुछ HTML पोस्ट करें – Bigood

+0

@Hiren http://css-tricks.com/when-using-important- है-द-राइट-पसंद/ – Tim

उत्तर

1

लिंक आपके द्वारा भेजे गए (joets.be/test/index.html) के आधार पर, कारण यह हो रहा है, क्योंकि आपके पास शीर्षक तत्वों के अंदर एक एंकर टैग।

एच 2 के अंदर <a> में फ़ॉन्ट आकार देने वाली शैली है, जबकि एच 6 के अंदर कोई नहीं है। यदि आप शीर्षलेखों के बजाय <a> पर अपनी 1.2em स्टाइल लागू करते हैं, तो यह काम करेगा।

तो अनिवार्य रूप से, ऐसा करते हैं:

h2 a, h6 a{ font-size:1.2em; line-height:1.2em; }

संपादित करें: मैं सीएसएस फ़ाइल स्वयं देखा है, तो आप सिर्फ लाइन 339 से "h2 एक" निकाल सकते हैं?

+0

दरअसल! मैं बहुत बेवकूफ महसूस करता हूं, मैंने उसे नहीं देखा! स्टैक ओवरफ्लो एन जेएसफ़िल्ड के लिए अच्छा परिचय हालांकि। Thx – MDC

0

एक तत्व की उन्हें का वास्तविक आकार अपनी मूल तत्व की font-size के सापेक्ष गणना की जाती है।

इस महान लेख है कि मुझे मदद की पर एक नज़र समझा रिश्तेदार mesures है: http://alistapart.com/article/fluidgrids

+0

ओपी कहता है कि वह दोनों तत्वों को एक ही मूल तत्व में रखता है ... – Arkana

+0

से पहले jsfiddle का कभी भी उपयोग नहीं किया गया http://jsfiddle.net/SBAHa/1/ – MDC

+0

मुझे लगता है कि यह कैसे काम करता है लेकिन अगर मैं अलग-अलग तत्वों के लिए एक ही स्टाइल देता हूं और उन्हें एक ही माता-पिता में डालता हूं तो उन्हें उसी तरह प्रदर्शित करना होगा , नहीं? – MDC

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