सभी लिंक स्टेटस बदलें एक ही रंग सीएसएस

Question

मेरे पास "टमाटर" नामक एक स्पैन श्रेणी है।

मेरे सीएसएस है:

.tomato a:link {color:#FF0000;}  /* unvisited link */ 
.tomato a:visited {color:#FF0000;} /* visited link */ 
.tomato a:hover {color:#FF0000;} /* mouse over link */ 
.tomato a:active {color:#FF0000;} /* selected link */ 

वहाँ एक रास्ता मैं कोड का एक छोटा टुकड़ा में इन सभी को जोड़ सकते हैं है? (मैं चाहता हूं कि लिंक सभी राज्यों में लाल हो)

Answer 1

यह shortest है, मैं तुम्हें नहीं लगता कि कर सकते हैं

.tomato a:link, .tomato a:visited, .tomato a:hover, .tomato a:active { color:#FF0000; } 

या

.tomato { a:link, a:visited, a:hover, a:active { color:#FF00000; } } 

आशा इस मदद: यह किसी भी से कम करना रों।

Answer 2

.tomato a:link, 
.tomato a:visited, 
.tomato a:hover, 
.tomato a:active { 
    color:#F00; 
} 

नोट, रंग हेक्स को भी संक्षिप्त किया जा सकता है। :)

आप इस तरह के कम के रूप में अपने सीएसएस व्यवस्थित करने के लिए एक सीएसएस ढांचे का उपयोग करने के लिए चुनते हैं, तो यह ऊपर तुलना में बहुत सरल हो सकता है:

.tomato { 
    a:link, 
    a:visited, 
    a:hover, 
    a:active { 
     color:#F00; 
    } 
} 

Answer 3

the attribute selector का उपयोग करना वास्तव में सबसे अच्छा है। इस मामले में यह होगा:

.tomato a[href]{color:#F00;} 

या यदि आपको:

.tomato [href]{color:#F00;}