Le Pseudo Classi
Le pseudo-classi classificano gli elementi in base a caratteristiche diverse dai loro nomi, attributi o contenuto. Le pseudo-classi possono essere dinamiche, nel senso che un elemento può acquisire o perdere una pseudo-classe mentre un utente interagisce col documento.

first-child
La pseudo-classe :first-child seleziona un elemento che è il primo figlio di un altro elemento.
Nell'esempio seguente, il selettore seleziona ogni elemento P che è il primo figlio di un elemento DIV. La regola sopprime l'indentazione per il primo paragrafo di un DIV:
DIV > P:first-child { text-indent: 0 }

:link e :visited
La pseudo-classe :link si applica per i collegamenti che non sono ancora stati visitati.
La pseudo-classe :visited si applica una volta che il collegamento è stato visitato dall'utente.

:hover :active :focus
La pseudo-classe :hover si applica quando il cursore (puntatore del mouse) passa su un collegamento.
La pseudo-classe :active si applica mentre si clicca sul collegamento.
La pseudo-classe :focus si applica mentre un elemento ha il focus (ossia accetta eventi da tastiera o altre forme di input testuale).

Esempi :
A:link { color: red } - Collegamento evidenziato in rosso
A:visited { color: blue } - Collegamento visitato evidenziato in blu
A:hover { color: yellow } - Collegamento con il puntatore sopra evidenziato in giallo
A:active { color: blue } - Collegamento cliccato evidenziato in blu

COMMENTI