css - Set the default color of a link within a container, without overriding other rules? -

मेरे पास दो कंटेनर हैं: left और right

मैं नीले और right लाल

में बायां में लिंक का डिफ़ॉल्ट रंग सेट करना चाहता हूं

यह वही नहीं है जो मुझे चाहिए:

<पूर्व> । Left a {color: # 00F; } .right एक {color: # F00; }

इसका कारण यह नहीं है, क्योंकि यह स्निपेट हर दूसरे रंग से a टैग के लिए अधिलेखित होगा सीएसएस विशिष्टता नियम यह jsfiddle देखें - जिसमें बूटस्ट्रैप के लेबल वर्ग के लिए रंग अधिरोहित हो जाता है

क्या मैं क्या हासिल करना संभव है?

एक विकल्प a तत्व बिना एक वर्ग आप और [class] को जोड़कर इसे प्राप्त कर सकते हैं।

ऐसा करने से, आप अनिवार्य रूप से सभी एंकर तत्वों के साथ वर्ग को अस्वीकार कर रहे हैं।

<पूर्व> । Left a: not ([class]) {color: # 00F; } .right a: not ([class]) {color: # F00; }