Pseudo-elementos selecionam subpartes de um elemento e podem ser utilizados com ::before e ::after combinados com a propriedade content para adicionar conteúdo antes ou depois do elemento, respectivamente. A propriedade content é fundamental para pseudo-elementos e permite especificar texto, URLs, contadores ou atributos como conteúdo.

1. :before
:after
nilocoelhojunior@gmail.com

2. O que são pseudo-elementos?

3. Pseudo-Classes
Tem como alvo os elementos inteiros ou estados dos
elementos.
Pseudo-Elementos
Seleciona as subpartes de um elemento.

4. :before ou ::before?

5. Como utilizar ::after e ::before?
• content: “”
- exclusiva
- fundamental
• demais propriedades

6. Content
• string
• url()
• counter()
• attr(atributo)
• Formatar com css