Stili diversi ai link per aree diverse

[hankie]

Mi spiego

utilizzando questo codice all'interno della mia pagina:

a:link {
color: #6699CC;
}
a:visited {
color: #660099;
}
a:hover {
background-color: #FFFF00;
}

cambio lo stadio del link, e aggiungo un piccolo sfondo giallo sull'hover, tutto funziona !!
Nel mio sito ho diversi DIV che chiamo contenitori1, contenitore2, contenitore3 etc etc
adesso mettiamo il caso che questi contenitori hanno stadi diversi di link, come posso fare ??
Esempio, nel contenitore1 voglio il link con la sottolineature, nel contenitore2 invece vorre un blocco colorato...come posso fare ??????

[Francis87]

puoi specificare una classe.

nel codice html avrai:

<a ... class="nome_classe">...</a>

nello stile richiami la classe così:

a.nome_classe { ... }

puoi avere quante classi vuoi, per ogni elemento (beh, tutti quelli che necessitano di uno stile )

[hankie]

Scusami ma io nei miei contenitori (DIV) gia richiamo una classe.....come faccio ad aggiungerne un'altra..........??


Scusa forse non ho capito bene!! perdonami sono scarso con i CSS....in pratica io ho la mia bella pagina composta da diversi contenitori che sono dei DIV, adesso nella pagina ci sono 6 contenitori piazzati l'uno affianco all'altro, questi contenitori hanno una classe gia assegnata, e un ID, devo assegnare due classi a un unico contenitore ????

[salasir]

Originariamente inviato da hankie
Scusami ma io nei miei contenitori (DIV) gia richiamo una classe.....come faccio ad aggiungerne un'altra..........??

Nella definizione delle classi puoi aggiungerne quante vuoi, salvo poi complicarti la vita.

<div class="pippo pluto paperino">

Ma nel tuo caso, non è più semplice identificare le definizioni per contenitore?

CSS
#contenitore1 a:link {color: #6699CC; }
#contenitore1 a:visited {color: #660099; }
#contenitore1 a:hover {background-color: #FFFF00; }

#contenitore2 a:link {color: #6699CC; }
#contenitore2 a:visited {color: #660099; }
#contenitore2 a:hover {background-color: #FFFF00; }

...
HTML
<div id="contenitore1"> .... </div>
<div id="contenitore2"> .... </div>
...

[hankie]

AAAAAAA

capisco adesso !!

TI faccio sapere presto!!!!

Grazie a tutti !!!!