2012-06-01 4 views
23

nella mia pagina seguente CSS è impostata:Come cambiare il colore del collegamento in una classe specifica per un CSS div

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


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

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

} 

Voglio cambiare il colore di collegamento all'interno di un div che ha una classe assegnata ad esso . Ho provato quanto segue:

register:link{color:#FFFFFF; 
     } 

Dove registro è il nome del div in cui voglio cambiare il colore del collegamento. Come posso farlo? Anche come cambiare il colore per il collegamento al passaggio del mouse sopra lo stesso div?

risposta

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

nota che questo dovrebbe essere #register, non .register ... il PO ha detto div non classe – carrabino

+3

@Anthony L'OP ha detto div con una classe ad esso assegnato. Ciò che dici si applica ancora? –

+0

OP: "Dove registro è il nome del div in cui voglio cambiare il colore del collegamento" ... che secondo me registro è il valore id, non il nome di una classe che è stata assegnata al div. – carrabino

3
#register a:link 
{ 
color:#fffff; 
} 
-1

versione più piccola-size:

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

Può essere qualcosa di simile:

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

grazie - ha funzionato come un fascino! – Aaronster

+0

La risposta votata in alto non ha funzionato per me, ma l'utilizzo di questa sintassi ha funzionato. Votare per questo. – ZeekLTK

+0

Lo stesso per me. +1 – Magiranu

4

come su qualcosa di simile ...

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

Questo è in realtà il problema che stavo cercando di risolvere: questo pone lo styling su qualcosa del genere: click me Grazie! –

-2

Penso che tu voglia inserire a, davanti a a:link (a,) nel tuo file CSS. L'unico modo per liberarmi di quel terribile colore di collegamento blu predefinito. Non sono sicuro se fosse necessario per la versione precedente dei browser che abbiamo, perché dovrebbe funzionare senza a

0

Se si desidera aggiungere CSS su a:hover a non tutto il tag, ma alcuni del tag, il modo migliore per farlo è usando la classe. Dai alla classe tutti i tag che vuoi dare stile - vedi l'esempio qui sotto.

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

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