HTML and CSS Reference
In-Depth Information
In questo caso abbiamo definito uno stile specifico per ognuno degli stati, andando a cam-
biarne il colore. Proviamo questo esempio in un browser, interagendo con la pagina, e no-
teremo come, effettivamente, siamo stati in grado di cambiare lo stile applicato al tag uti-
lizzando esclusivamente i CSS.
Le pseudo-classi si possono applicare anche in presenza di classi, oltre che dei tag, con
Esempio 4.10
a.redLink:hover {
color: red;
}
In questo caso la regola sarà applicata solo ed esclusivamente ai tag
a
che abbiano
l'attributo
class
impostato su “redLink”.
Oltre alle già citate pseudo classi, ce ne sono alcune specifiche, che sono tutte ricapito-
late nella
tabella 4.1
.
Pseudo-classe
Descrizione
:active
Consente di gestire lo stato dei link quando sono attivi.
Rappresenta il selettore che indica lo stile da applicare a un element
quando ci si passa sopra con il mouse.
:hover
Rappresenta lo stile applicato a un elemento di tipo link quando non è
stato ancora visitato.
:link
Da indicare per specificare uno stile da associare quando un element
di tipo link è stato visitato.
:visited
Quando viene applicato a un dato elemento, lo stile specificato è vali-
do solo se questo è l'elemento principale (root) del documento.
:root
:nth-
child(n)
Indica l'ennesimo elemento figlio di un altro elemento.
:nth-last-
child(n)
Indica l'ennesimo elemento figlio di un altro elemento, partendo
dall'ultimo.
