अल्पविराम से अलग CSS चयनकर्ताओं

Question

इस सवाल का शीर्षक को इतना छोटा हो सकता है कि है अस्पष्ट, मैं वास्तव में क्या मतलब है:

#footer_list li a:link, #footer_list li a:visited 
{ 
    blah balh blah 
} 

वहाँ सीएसएस में दो तत्वों के लिए एक शॉर्टकट है? इसलिए सीएसएस चयनकर्ता को

Answer 1

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

Answer 2

आपका कोड ठीक है जैसा है। मैं अपनी साइट्स को इस तरह के चयनकर्ताओं के साथ स्टाइल कर रहा हूं और इससे मुझे या ब्राउज़र को परेशान नहीं किया गया है।

अपने सर्वर रूबी चलाता है और आप एक सर्वर साइड मानक CSS सिंटेक्स के लिए "एक्सटेंशन" उठा कोई आपत्ति नहीं है, LESS नेस्टेड नियम प्रदान करता है ताकि आप कुछ इस तरह कर सकते हैं:

#footer_list li { 
    a:link { 
     /* Styles for normal links */ 
    } 
    a:visited { 
     /* Styles for visited links */ 
    } 
} 

---

ठीक है, मुझे यकीन है कि क्या मतभेद इस कर देगा नहीं कर रहा हूँ, लेकिन मुझे यकीन है कि इसे दूसरे तरीके से ब्राउज़रों द्वारा इलाज किया जा जाएगा:

#footer_list li a { 
    /* Styles */ 
} 

फिर आप अतिरिक्त जगह कर सकते हैंकक्षाओं के साथ 0 चयनकर्ता या a:hover या a:active इसके नीचे और लागू होने पर वे काम करेंगे।

Answer 3

क्या आपके पास #footer_list के भीतर लिंक हैं जो li तत्वों के भीतर नहीं हैं? क्या आपके पास अपने पाद लेख के भीतर कोई अन्य सूचियां हैं?

मैं तुम्हें कल्पना कर रहा हूँ अपने मार्कअप में कुछ इस तरह है:

#footer a:link, #footer a:visited 

यदि आप करते हैं (या हो सकता है बाद में) लिंक के बाहर है:

<div id="footer"> 
    <p>&copy; me 2010</p> 
    <ul id="footer_list"> 
     <li><a href="/home">Home</a></li> 
     <li><a href="/contact">Contact</a></li> 
     <li>.... 
    </ul> 
    <p>Some other text...</p> 
</div> 

इस मामले आपका नियम उन्हीं की जरूरत में ul जो आप अलग शैली करना चाहते हैं तुम कर सकते हो:

#footer_list a:link, #footer_list a:visited