Pseudo-classes são utilizadas para adicionar efeitos em alguns seletores css, mas é claro, nem tudo são flores e algumas pseudo-classes não irão funcionar no, tão odiado, Internet Explorer.
Podemos dize que a pseudo-classe mais utilizada hoje em dia é o :hover. Pseudo-classes elas que dão efeitos visuais em links, quando posicionado o cursor do mouse em cima, e em qualquer outro element html, porém, vale lembrar que no IE6, as pseuso-classes acima são funcionar em hyperlinks e só.
Vejamos como seria a sintaxe para o uso das pseudo-classes:
seletor:pseudo-classe {propriedade: valor}Também podemos utilizar as pseudo-classes em classes css:
seletor .classe:pseudo-classe {propriedade: valor}
As âncoras, ou se preferir hyperlinks, possuem 4 pseudo-classes próprias a elas, vejamos:
a:link {color: #f00}Â Â Â Â /* hyperlink */
a:visited {color: #0f0} /* hyperlink já visitado */
a:hover {color: #f0f}Â Â /* hyperlink com mouseover */
a:active {color: #00f}  /* hyperlink selecionado */Além das básicas e mais comuns pseudo-classes utilizadas ditas acima, temos também pseudo-classes que nos possibilitam manipular outros elementos, como é o exemplo do :first-child que nos permite manipular um elemento especÃfico que seja o primeiro “filho” de um elemento qualquer.
<html>
<head>
<style type="text/css">
p:first-child {font-color:#f00}
</style>
</head>
<body>
<p>Todo esse elemento será visualizado com a cor azul pois é o primeiro elemento "p" encontrado.</p>
<p>Adipiscing quis cursus metus elit parturient a dictum amet tincidunt Curabitur.</p>
</body>
</html>As pseudo-classes são: :link, :visited, :active; :hover, :focus e :lang.
Sinta-se a vontade de costruir crÃticas e discussões a respeito desse tópico nos coomentários.
CSS Pseudo-elements | Gustavo Ribeiro - Tableless, Acessibilidade e SEO — março 25, 2009 @ 11:01
[...] pseudo-elementos são, assim como as pseudo-classes, utilizados para dar efeito visual aos elementos (x)html e possui sua sintaxe exatamente igual as [...]