DOMANDA Problema CSS

[Dario Salvati]

Salve gente,
da poco più di un mese sto imparando un po' di HTML e CSS a scuola ed il prof ci ha assegnato alcuni esercizi.
Tutti banali, tranne uno:
devo praticamente trasformare il testo, quando ci passo sopra con il mouse. Un po' come succede con a.hover.
Sapreste dirmi come si fa? In giro non ho trovato nulla :C

 

[matteoc91]

Con CSS puoi fare praticamente la stessa cosa :)
In pratica supponi di avere un testo racchiuso in un tag, per esempio:

<span id="provaHover">testo di prova</span>

A questo punto potrai definire uno stile particolare per quel testo quando il cursore ci passa sopra, ovvero qualcosa del tipo:

#provaHover:[B]hover[/B]{
   /* Stile a piacere */
}

In pratica utilizzando la key word hover stai dicendo al browser di applicare quello stile solo al passaggio del cursore sopra al testo :)

 

[Dario Salvati]

Ah ecco, pensavo di dover fare qualcosa tipo

span.hover

Posso tranquillamente farlo anche con una classe, vero?

 

[matteoc91]

Si puoi farlo con quello che ti pare (tag, class, id) :)
In pratica la sintassi è la stessa:

/* Per una class */
.classname:hover{ ... }

/* Per un id */
#idname:hover{ ... }

/* Per un tag */
tagname:hover{ ... }

 

[Dario Salvati]

Grazie mille :)