केवल एक निश्चित वर्ग

Question

मैं अपने लिंक से कुछ के लिए लिंक शैली को बदलना चाहते हैं के लिए एक लिंक शैली बदलने,, इस तरह:

a:hover 
{ 
    /* These links will be blue when hovered-over */ 
    background-color: #3366FF; 
} 

हालांकि, मैं केवल यह मेरा नेविगेशन में प्रभावी करने के लिए चाहते हैं बार, और नियमित लिंक के लिए नहीं। इस पर

मैं कोशिश की है परिवर्तनः

#navbar a:hover 
{ 
    /* These links will be blue when hovered-over */ 
    background-color: #3366FF; 
} 

साथ इरादा जिसका अर्थ है 'यह केवल <div id="navbar"> के साथ लिंक पर लागू होता है "
लेकिन यह काम नहीं किया

।

मैं अपने कंटेनर के class या id द्वारा परिभाषित केवल कुछ लिंक के लिए शैली कैसे सेट कर सकता हूं?

Answer 1

शायद आपके परीक्षण किए गए लिंक लिंक देखे गए हैं। मैं पसंद करते हैं:

#navbar a:hover, 
#navbar a:visited 
{ 
    background-color: #3366FF; 
} 

Answer 2

मुझे लगता है कि आप "पृष्ठभूमि-रंग" के बजाय यहां "रंग" संपत्ति का उपयोग करना चाह सकते हैं।

संयोग से तुम सच में , पृष्ठभूमि रंग बदलने के लिए याद रखें कि लिंक इनलाइन प्रदर्शित करने और उन्हें चारों ओर एक बड़े, आरामदायक आयत की जरूरत नहीं है, इसलिए कंटेनर की पृष्ठभूमि का रंग के आधार पर यह ध्यान देने योग्य नहीं हो सकता है चाहते हैं, तो । (यह शायद मामला नहीं है, लेकिन मैंने फेंक दिया है कि यदि आपके लिंक बहुत छोटे हैं।)

अंत में, चूंकि नीला डिफ़ॉल्ट लिंक रंग के करीब है, तो देखने के लिए एक विदेशी रंग (लाल की तरह) के साथ परीक्षण पर विचार करें अगर समस्या आपके सीएसएस या आपके रंग चयन में है।

Answer 3

जो मुझे ठीक लग रहा है, Robusto इस्तेमाल किया रंग के साथ एक वैध बिंदु है।

एक अन्य विधि लिंक अपने स्वयं के, जैसे के एक वर्ग दे रहा है:

सीएसएस

a.navlink:visited 
a.navlink:hover 
{ 
    background-color: #3366FF; 
} 

एचटीएमएल

<a href="index.html" class="navlink">Home</a>