lnk + hover + ... con le pseudoclassi css

[franco.papeschi]

salve a tutti,
dopo essermi letto la guida dei css, ho provato a definire il colore dei link a seconda che questi fossero abbinati ad una classe piuttosto che ad un'altra. da quanto ho capito sulla guida, il metodo dovrebbe essere quasi semplice, così(questo è solo un banale esempio):

.testo {
font-family: "Times New Roman", "MS Serif", serif;
font-size: 14px;
color: #000066;
}
a.testo:link {
font-family: "Times New Roman", "MS Serif", serif;
font-size: 14px;
font-style: italic;
color: #006699;
}

e così via per ogni classe presente nal file css (.footer; .menu;...)
ovviamente non riesco ad ottenere niente. ma non riesco neppure a capire dove sbaglio.

si accettano suggerimenti e bacchettate...
franco

[arflop]

prova a definire queste classi:

a.testo:active
a.testo:hover
a.testo:visited

per ulteriori informazioni vai su

http://www.w3schools.com/css/css_pseudo_classes.asp

ciao

a.

[antos]

Originariamente inviato da arflop
prova a definire queste classi:

a.testo:active
a.testo:hover
a.testo:visited

per ulteriori informazioni vai su

http://www.w3schools.com/css/css_pseudo_classes.asp

ciao

a.

per avere l'effetto corretto sui link devi inserirli in quest'ordine:

a.testo:link
a.testo:visited
a.testo:hover
a.testo:active

comunque non capisco dov'è il problema

[franco.papeschi]

questo è quello che ho fatto:

.testo {
font-family: "Times New Roman", "MS Serif", serif;
font-size: 14px;
color: #000066;
letter-spacing: 0.2em;
text-indent: 2pt;
word-spacing: 4px;
}
a.testo:link {
font-family: "Times New Roman", "MS Serif", serif;
font-size: 14px;
font-style: italic;
color: #006699;
letter-spacing: 0.2em;
text-indent: 2pt;
word-spacing: 4px;
text-decoration: none;
}
a.testo:visited {
font-family: "Times New Roman", "MS Serif", serif;
font-size: 14px;
font-style: italic;
color: #666666;
letter-spacing: 0.2em;
text-indent: 2pt;
word-spacing: 4px;
text-decoration: none;
}
a.testo:hover {
font-family: "Times New Roman", "MS Serif", serif;
font-size: 14px;
font-style: italic;
color: #006699;
letter-spacing: 0.2em;
text-indent: 2pt;
word-spacing: 4px;
text-decoration: underline;
}
a.testo:active {
font-family: "Times New Roman", "MS Serif", serif;
font-size: 14px;
font-style: italic;
color: #006699;
letter-spacing: 0.2em;
text-indent: 2pt;
word-spacing: 4px;
text-decoration: underline;
}

il problema è che il testo appare formattato secondo i criteri della class testo. ma invece i link usano le convenzioni normali...(blu, viola, rosso), come se non venissero supportate affatto le pseudo-classi. mi viene il dubbio che debba essere fatto qualcos'altro per permettere che queste funzionino...
franco

[Shores]

Forse non hai afferrato del tutto la sintassi dei selettori CSS; se ho capito bene tu hai una serie di div, ognuna delle quali ha un attributo class="qualcosa" e all'interno delle quali tu hai dei tag A che vorresti colorare diversamente a seconda della div in cui sono contenuti, giusto?

Bene, se stanno così le cose:

<div class="footer">
Link
</div>

Per colorare il link sopra:

.footer a:link {quello che vuoi}
.footer a:hover {quello che vuoi}

e così via...

[antos]

Originariamente inviato da franco.papeschi
questo è quello che ho fatto:
...
il problema è che il testo appare formattato secondo i criteri della class testo. ma invece i link usano le convenzioni normali...(blu, viola, rosso), come se non venissero supportate affatto le pseudo-classi. mi viene il dubbio che debba essere fatto qualcos'altro per permettere che queste funzionino...
franco

guarda io ho provato e funziona
ma nell'html hai scritto così:

prova

[arflop]

dai la classe al tag a in questo modo e vedrai che funziona:

prova

ciao

a

[arflop]

meramente bruciato sul tempo

[Shores]

Hmmm, sicuri che non fosse invece come dicevo io?

[antos]

Originariamente inviato da Shores
Hmmm, sicuri che non fosse invece come dicevo io?

dipende da come ha annidato i tag!
nel caso che ha

<div class="testo">
  link
</div>

in questo modo solo i link all'interno di un box con classe testo avranno l'effetto

viceversa con il codice che ho impostato io deve aggiungere la classe ai link e può usarli in qualunque punto della pagina
in pratica le soluzioni funzionano entrambe