2010-05-20 14 views
8

आप यह कर सकते हैं:अधिक विशिष्ट सीएसएस नियम बेहतर लोड करते हैं?

.info 
{ 
    padding: 5px ; 
} 

या, यदि आप जानते हैं कि यह div होगा, तो आप यह

div.info 
{ 
    padding: 5px ; 
} 

कर सकते हैं तो, जब कोई नेस्टेड सूची हो .. आप यह कर सकते हैं ..

div.info ul.navbar li.navitem a.sitelink 
{ 
    color: #f00; 
} 

या आप यह

a.sitelink 
{ 
    color: #f00; 
} 

कर सकते हैं पठनीयता एक तरफ, ब्राउज़र के लिए पार्स/रन करने के लिए बेहतर है?

उत्तर

3

यथासंभव सामान्य नियम रखें - यह तेज़ है और कम बाइट्स का उपयोग करता है। अधिक जानकारी के लिए Google's article देखें।

+1

मैंने आपके जैसा ही एक ही समय के बारे में पोस्ट किया :) हम दोनों भी Google से जुड़े हुए हैं। – Echo

+3

@Echo एक पूर्ण मिनट अलग है। SO समय में, वह lightyears है :) –

+0

@ जोश ट्रू, सच :) – Echo

0

रखें नियम सरल और सामान्य रूप में संभव एक अच्छी शुरुआत है देखते हैं। किसी और को इसे पढ़ना होगा और किसी बिंदु पर इसे समझना होगा।

यदि आप ब्राउज़र की गति प्रदर्शन, स्टाइलशीट आकार आदि के बारे में चिंतित हैं? YUICompressor के माध्यम से बस अपनी स्टाइल-शीट चलाएं। यह आपके सीएसएस को साफ और छोटा कर देगा (समूह चीजों को एक साथ उदाहरण के लिए दोहराया जाता है)।

+1

एफवाईआई। सिर्फ इसलिए कि सीएसएस को कम किया गया है और YUICompressor में अनुकूलित किया गया है, आपको मुफ्त शासन को मैला नहीं होने देता है। Google लेख, पहले से ही उल्लेख किया गया है, एक अच्छी शुरुआत है। – subv3rsion

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