CSS: gli pseudoelementi

Con gli pseudoelementi possono essere modificati alcune parti scelte del documento XHTML con codice CSS. Vanno sempre collegati ad altri elementi.

:first-letter

p:first-letter {color: #000000; font-weight: bold;}
p.class:first-letter {color: #000000; font-weight: bold;}
#id:first-letter {color: #000000; font-weight: bold;}

:first-line

p: first-line {color: #000000; font-weight: bold;}
p.class:first-line {color: #000000; font-weight: bold;}
#id:first-line {color: #000000; font-weight: bold;}

:before :after
Con before è possibile inserire nel documento un contenuto non presente nello stesso. Con after viene inserito dopo l'elemento definito dal selettore

h1:before {content: url(immagine.gif);}
h1:after {content: url(immagine.gif);}