CSS: Pseudo-classes e Pseudo-elementos

O próximo passo no aprendizado do CSS é o uso de pseudo-classes e pseudo-elementos para uma estilização mais customizada de elementos HTML, e é isso que começaremos a ver nesta aula.

Aprenda nesta aula a utilizar duas importantes pseudo-classes de estado, o hover e o visited. Elas são responsáveis por estilizar um elemento baseado no seu estado, hover quando o mouse estiver em cima de um elemento e visited quando um link já tiver sido aberto por um usuário.

Aprenda nesta aula a utilizar as pseudo-classes estruturais do tipo of-type, tais como: first-of-type, last-of-type e nth-of-type. Elas são responsáveis por estilizar um elemento com base na sua posição dentro de um elemento pai.

Aprenda nesta aula a utilizar as pseudo-classes estruturais do tipo child, tais como: first-child, last-child e nth-child. Elas são responsáveis por criar estilos que só serão aplicados se o elemento estiver em uma posição específica dentro de um elemento pai.

Aprenda nesta aula a utilizar os pseudo-elementos first-letter e first-line para estilizar partes de um elemento. First-letter e first-line são respectivamente responsáveis por estilizar a primeira letra e a primeira linha de um texto.

Aprenda nesta aula a utilizar os pseudo-elementos before e after para adicionar um conteúdo extra antes ou depois de um elemento. Nesta aula você vai aprender a adicionar conteúdos customizáveis em uma página sem a necessidade de criar elementos HTML.

Nesta aula vamos colocar em prática o que aprendemos neste curso. Vamos conhecer um exemplo prático que utiliza diversos recursos que aprendemos, tais como first-of-type, hover e before.

Nesta aula vamos explicar os passos dados para criar e estilizar a página web que vimos na aula anterior. Lembrando que esta página utiliza algumas das pseudo-classes e pseudo-elementos que vimos no decorrer do curso, tais como: before, hover e first-letter.