सक्रिय टैब का पृष्ठभूमि रंग बदलें

Question

बूटस्ट्रैप v2.3.2 का उपयोग करके, मैं सक्रिय टैब के लिए डिफ़ॉल्ट पृष्ठभूमि रंग बदलने की कोशिश कर रहा हूं। मैं नीचे के रूप में स्थापित करने के लिए कोशिश की है, लेकिन यह काम नहीं करता है:

.nav-tabs > .active > a, 
.nav-tabs > .active > a:hover, 
.nav-tabs > .active > a:focus 
{ 
    color: #555555; 
    background-color: red; 
} 

किसी भी सलाह के लिए क्यों यह काम नहीं कर रहा है, या इसे ठीक करने के लिए है के रूप में?

Answer 1

बूटस्ट्रैप v2.3.2 सीएसएस फ़ाइल में सीएसएस अपने टुकड़ा के लिए इस प्रकार है:

 .nav-tabs > li.active > a, 
     .nav-tabs > li.active > a:hover, 
     .nav-tabs > li.active > a:focus { 
      color: #555555; 
      cursor: default; 
      background-color: #ffffff; 
      border: 1px solid #dddddd; 
      border-bottom-color: transparent; 
      } 

अपने सीएसएस टुकड़ा करने के लिए इसकी तुलना के रूप में आप .active चयनकर्ता से पहले देख सकते हैं, आप li चयनकर्ता याद कर रहे हैं। आपका सीएसएस सही है हालांकि यह बूटस्ट्रैप सीएसएस में विशिष्टता के रूप में काम नहीं करता है। अब आपके ब्राउज़र

 .nav-tabs > li.active > a, 
     .nav-tabs > li.active > a:hover, 
     .nav-tabs > li.active > a:focus{ 
      color: #555555; 
      background-color: red; 
     } 

जब यह पेज अपने सीएसएस टुकड़ा का चयन करेंगे renders: तो बस अपने कोड स्निपेट के लिए बढ़ रही है विशिष्टता से बदल जाते हैं। http://jsfiddle.net/yyPrg/

आप सीएसएस विशिष्टता यहाँ पर पढ़ सकते हैं:: http://css-tricks.com/specifics-on-css-specificity/ और यहाँ: http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/