CSS: Pseudo-Classi e Pseudo-Elementi

Le Pseudo-Classi e gli Pseudo-Elementi non esistono nel sorgente HTML! Cosa voglio dire? Beh, si tratta di oggetti che sono 'inseriti al volo' dal browser web al verificarsi di determinate condizioni. Prendi i link per esempio: possono essere unvisited, visited o active. Percio', se scrivi:

a:link { color : blue }
a:visited { color : pink }
a:active { color : red }

Non appena leggi un documento HTML, tutti i link potrebbero essere blu (perche' sono tutti dei link unvisited). Comunque, non appena clicchi su un link, questo diventera' rosso ed il tuo browser ti portera' verso un altro documento HTML (seguendo quel link). Ora, se torni indietro alla pagina di partenza, noterai che i link saranno rosa. Cosa e' successo? Bene, il browser e' consapevole del fatto che lo stato dei link puo' cambiare, e fa attenzione quando un link cambia: in questo caso, il link e' diventato un link visited. Quindi il browser web applichera' 'al volo' le classi ai link. Questo comportamento e' chiamatp 'fictional tag sequence' (sequenza di tag fittizia). Percio' visited e' una Pseudo-Classe.

Gli Pseudo-Elementi non sono degli elementi HTML reali: Sono voci tipografiche che possono essere indirizzate tramite gli pseudo-elementi. Questo pseudo-elementi sono:

'first-line':

<body><p>Questa e' la prima riga e...

...questa e' una seconda riga...</p>

E 'first-letter':

<body><p>Questa e' una semplice riga...</p>