बदलें मंडराना रंग

Question

मैं मंडराना नव-टैब पर पाठ का रंग बदलना चाहते हैं, तो मैं नामित: मेरे विचार में नव नव-टैब कस्टम, तो कोड इस तरह दिखता है:

 <li class="active"><%= link_to "Overview", '#' %>   
     </li> 
     <li><%= link_to "About", '#' %></li> 
     <li><%= link_to "What we do", '#' %></li> 
     <li><%= link_to "Partners", '#' %></li> 
     <li><%= link_to "Contact", '#' %></li> 
     <li><%= link_to "Support", '#' %></li> 
    </ul> 

और कोड मेरे custom.css.scss

.custom a:hover {color: black;} 

और यह काम नहीं करता है। क्या कोई मेरी मदत कर सकता है ?

Answer 1

आपको अपने चयनकर्ता को अपने टैब को सही तरीके से लक्षित करने के लिए थोड़ा और विशिष्ट बनाने की आवश्यकता है। इस प्रयास करें:

.custom > li > a:hover { 
    color: black; 
} 

वैसे, यह केवल पाठ का रंग बदल जाता है, आप मंडराना स्विच पर टैब की पृष्ठभूमि का रंग बदलना चाहते हैं कि background-color को color संपत्ति।

Answer 2

एंड्रेस विशिष्टता के बारे में सही है। शैली आप ओवरराइड करना चाहते के साथ सेट है:

.nav-bar > li > a:hover 

आप ट्विटर बूटस्ट्रैप के साथ कम उपयोग कर रहे हैं वहाँ चर पहले से ही इस के लिए किए गए हैं:

@navbarLinkColor 
@navbarLinkColorHover 
@navbarLinkColorActive 

देखें किए गए दस्तावेज़ों की Navbar अनुभाग।

Answer 3

सेट @navbarLinkBackgroundHover

Answer 4

यह बहुत "विशिष्टता" डिफ़ॉल्ट बूटस्ट्रैप के अलावा अन्य के बिना मेरे लिए काम करता ...

ul.nav > li > a:hover { 
 
\t background-color: #000000; 
 
\t color: #FFFFFF; 
 
\t border-style: none; 
 
}