2012-06-01 15 views
23

मेरे पृष्ठ में निम्नलिखित सीएसएस सेट किया गया है के लिए एक विशिष्ट वर्ग में लिंक रंग बदलने के लिए:कैसे एक div सीएसएस

a:link { 
    color: #0094DE; 
    text-decoration: none; 


} 
a:visited { 
     text-decoration: none; 
color: #0094DE; 

} 
a:hover { 
text-decoration: underline; 
color: #DD127B; 

} 

मैं एक div जो एक वर्ग में डाला गया है अंदर लिंक रंग बदलना चाहते हैं । मैं निम्नलिखित की कोशिश की:

register:link{color:#FFFFFF; 
     } 

कहाँ रजिस्टर div जिसमें मैं लिंक रंग बदलने के लिए चाहते हैं उसका नाम है। मैं यह कैसे कर सकता हूं? एक ही div पर होवर लिंक के लिए रंग कैसे बदलें?

उत्तर

33
.register a:link{ 
    color:#FFFFFF; 
} 
+0

ध्यान दें कि यह #register होना चाहिए, .register नहीं ... ओ पी div नहीं वर्ग – carrabino

+3

@Anthony ओ पी ने कहा कि एक वर्ग में डाला गया साथ div कहा। क्या आप अभी भी क्या कहते हैं? –

+0

ओपी: "जहां रजिस्टर div का नाम है जिसमें मैं लिंक रंग बदलना चाहता हूं" ... जो मेरे लिए कहता है कि रजिस्टर आईडी मान है, न कि div को असाइन किया गया वर्ग का नाम नहीं। – carrabino

-1

छोटे आकार के संस्करण:

#register a:link {color: #fff} 
20

वह कुछ इस तरह हो सकता है:

a.register:link { color:#FFF; text-decoration:none; font-weight:normal; } 
a.register:visited { color: #FFF; text-decoration:none; font-weight:normal; } 
a.register:hover { color: #FFF; text-decoration:underline; font-weight:normal; } 
a.register:active { color: #FFF; text-decoration:none; font-weight:normal; } 
+1

धन्यवाद - एक आकर्षण की तरह काम किया! – Aaronster

+0

शीर्ष वोट दिया गया जवाब मेरे लिए काम नहीं करता था, लेकिन इस वाक्यविन्यास का उपयोग करके काम किया। इस के लिए मतदान। – ZeekLTK

+0

मेरे लिए भी वही। +1 – Magiranu

4

कैसे कुछ इस तरह के बारे में ...

a.register:link{ 
    color:#FFFFFF; 
} 
+0

यह वास्तव में समस्या है जिसे मैं हल करने की कोशिश कर रहा था: यह स्थान इस तरह से कुछ पर स्टाइल कर रहा है: click me धन्यवाद! –

-2

मुझे लगता है कि आप अपने सीएसएस फ़ाइल में a:link (a, a:link) के सामने, a रखना चाहते हैं। एकमात्र तरीका मैं उस भयानक डिफ़ॉल्ट नीले रंग के रंग से छुटकारा पा सकता हूं। मैं क्योंकि इसके बिना a

0

काम करने के लिए आप a:hover पर नहीं सभी टैग करने के लिए सीएसएस जोड़ना चाहते हैं चाहिए था, यकीन है कि अगर इस ब्राउज़रों हमारे पास के पुराने संस्करण के लिए जरूरी हो गया था नहीं कर रहा हूँ, लेकिन टैग में से कुछ, ऐसा करने का सबसे अच्छा तरीका कक्षा का उपयोग कर है। कक्षा को उन सभी टैग्स को दें जिन्हें आप शैली देना चाहते हैं - नीचे दिए गए उदाहरण को देखें।

<style> 
a.change_hover_color:hover { 
    color: white !important; 
} 
</style> 

<a class="change_hover_color">FACEBOOK</a> 
<a class="change_hover_color">GOOGLE</a>