Gli Pseudo Elementi
Gli pseudo-elementi CSS permettono agli sviluppatori di fogli di stile di far riferimento ad informazioni altrimenti inaccessibili. Per esempio, i linguaggi del documento non offrono meccanismi per accedere alla prima lettera o alla prima riga del contenuto di un elemento.

:first-line
Lo pseudo-elemento :first-line applica stili speciali alla prima riga formattata di un paragrafo.
Ad esempio:
P:first-line { text-transform: uppercase }
La regola di sopra vuol dire: "cambia le lettere della prima riga di ogni paragrafo in maiuscolo".

:first-letter
Lo pseudo-elemento :first-letter può essere usato per i "caratteri iniziali" e "capilettera iniziali",
Queste sono le proprietà che si applicano agli pseudo-elementi :first-letter: proprietà del font [carattere], proprietà del colore, proprietà dello sfondo, 'text-decoration', 'vertical-align' (solo se 'float' è 'none'), 'text-transform', 'line-height', proprietà dei margini, proprietà del cuscinetto [padding], proprietà dei bordi, 'float', 'text-shadow', e 'clear'.

:before :after
Gli pseudo-elementi ':before' e ':after' possono essere usati per inserire contenuto generato prima [before] o dopo [after] il contenuto di un elemento.
Esempio ;
H1:before {content: counter(chapno, upper-roman) ". "}

COMMENTI