Existem algumas pseudo-classes bem conhecidas, como :hover, :active, :visited e :focus para os estados de um elemento.
Existem as pseudo-classes estruturais que servem para selecionarmos um elemento da estrutura do código. Existem várias, por exemplo:
:first-child – seleciona o primeiro filho de um outro elemento.
:last-child – seleciona o último filho de um elemento.
:root – representa um elemento que é a raiz do documento. No HTML 4, é sempre a tag HTML.
:nth-child() – permite que selecionemos qualquer elemento no meio de um grupo de elementos. Por exemplo, você pode selecionar linhas de uma tabela. Assim, podemos fazer uma tabela zebrada, sem a ajuda de javascript. Há variações dessa pseudo-classe para podermos pegar os elementos de baixo para cima (:nth-last-child) e assim por diante. Testei aqui e isso não funcionou no meu FF3 (mac).
:lang() – seleciona elementos que tem o atributo lang com um valor específico. Veja um exemplo.
Nenhum comentário ainda.
RSS feed para os comentários desse post. URL de TrackBack