Pseudo-classes CSS

Categoria: Design e Front End
custom essay writing services

p>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.

Veja mais detalhes e exemplos

zp8497586rq

Sobre o Autor
Junior Moro em Campo Grande, Mato Grosso do Sul e sou programador na dothCom.
Posts Relacionados
Comentários