मेरे पास मेरे वेब ऐप में दो सीएसएस फ़ाइलें हैं: reset.css और screen.css। वे उस क्रम में एचटीएमएल में दिखाई देते हैं (फिर स्क्रीन रीसेट करें)।Google क्रोम में मेरी! महत्वपूर्ण विशेषता क्यों काम नहीं कर रही है?
reset.css, निम्नलिखित शैली परिभाषा होती है:
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border-bottom-width:0;
border-color:initial;
border-left-width:0;
border-right-width:0;
border-style:initial;
border-top-width:0;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0;
outline-color:initial;
outline-style:initial;
outline-width:0;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
vertical-align:baseline;
}
आप देख सकते हैं कि span इस सूची में है, और डिफ़ॉल्ट रूप से 100 का एक font-size% है।
मेरी screen.css में, मैं निम्नलिखित है:
dl.labels-left dt span.req {
display:inline;
font-size:14px !important;
}
मेरे एचटीएमएल निम्नलिखित अंश है:
<div>
<dl class="labels-left">
<dt class="larger-a-left">
<label>Name:</label>
<span class="req">*</span>
</dt>
...
समस्या मैं आ रही हैं कि font-size: 14px !important; द्वारा ओवरराइड किया जा रहा है रीसेट फ़ाइल में सीएसएस, लेकिन केवल Google क्रोम में। मैं काम नहीं कर सकता क्यों!
यहाँ एक Firebug Lite स्क्रीनशॉट दिखा रहा है font-size को काटकर: Firebug Screenshot http://www.damianbrady.com.au/images/firebug_screenshot.png
क्यों मेरी reset.css शैली विशिष्ट वर्ग परिभाषा से ज्यादा महत्वपूर्ण माना जा रहा है?
W3C CSS 2.1 Specificity की मेरी समझ के अनुसार, ऐसा नहीं होना चाहिए!
क्या यह दृष्टिहीन नहीं है 14px? हो सकता है कि इंस्पेक्टर इसे अनुचित तरीके से पार कर रहा हो लेकिन दृष्टि से यह सही है? –
@meder - आप वहां कुछ हो सकते हैं ... क्या आप इसे एक उत्तर के रूप में जोड़ सकते हैं? :) पुष्टि - समस्या फ़ायरबग लाइट (और मेरी दृष्टि) में है। दृश्यमान, यह बदल दिया गया है। – Damovisa