Pseudo-elementos selecionam subpartes de um elemento e podem ser usados com ::before e ::after. A propriedade content é fundamental para pseudo-elementos e permite adicionar texto, imagens ou valores de atributos.

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
http://jsfiddle.net/tableless/3JD8K/light/
• url()
http://jsfiddle.net/tableless/UL6Yr/light/
• counter()
http://jsfiddle.net/tableless/W8NCf/light/
• attr(atributo)
http://jsfiddle.net/tableless/8g8np/light/
• Formatar com css
http://codepen.io/nilocoelhojunior/pen/GABCJ