SlideShare uma empresa Scribd logo
1 de 6
:before
:after
nilocoelhojunior@gmail.com
O que são pseudo-elementos?
Pseudo-Classes
Tem como alvo os elementos inteiros ou estados dos elementos.
Pseudo-Elementos
Seleciona as subpartes de um elemento.
:before ou ::before?
Como utilizar ::after e ::before?
• content: “”
- exclusiva
- fundamental
• demais propriedades
Content
• string
• url()
• counter()
• attr(atributo)
• Formatar com css

Mais conteúdo relacionado

Destaque

Hci patterns application
Hci patterns applicationHci patterns application
Hci patterns applicationGabriel Loja
 
Questionari macxipa vallespir 125
Questionari macxipa vallespir 125Questionari macxipa vallespir 125
Questionari macxipa vallespir 125gmg3eso
 
Google como herramienta educativa
Google como herramienta educativaGoogle como herramienta educativa
Google como herramienta educativaEsteban Tebo U
 
APOIO AULA 2 - Texto Ordens Mundiais e Globalização
APOIO AULA 2 - Texto Ordens Mundiais e GlobalizaçãoAPOIO AULA 2 - Texto Ordens Mundiais e Globalização
APOIO AULA 2 - Texto Ordens Mundiais e GlobalizaçãoCADUCOC1
 
Tarea3 tema0 jorge_roberto_plasencia_yanes
Tarea3 tema0 jorge_roberto_plasencia_yanesTarea3 tema0 jorge_roberto_plasencia_yanes
Tarea3 tema0 jorge_roberto_plasencia_yanesjorgemrgaga
 

Destaque (11)

LEGASI PANTUN
LEGASI PANTUNLEGASI PANTUN
LEGASI PANTUN
 
Hci patterns application
Hci patterns applicationHci patterns application
Hci patterns application
 
Ejercicio g2
Ejercicio g2Ejercicio g2
Ejercicio g2
 
Questionari macxipa vallespir 125
Questionari macxipa vallespir 125Questionari macxipa vallespir 125
Questionari macxipa vallespir 125
 
Google como herramienta educativa
Google como herramienta educativaGoogle como herramienta educativa
Google como herramienta educativa
 
Documento 2
Documento 2Documento 2
Documento 2
 
Quita full2
Quita full2Quita full2
Quita full2
 
APOIO AULA 2 - Texto Ordens Mundiais e Globalização
APOIO AULA 2 - Texto Ordens Mundiais e GlobalizaçãoAPOIO AULA 2 - Texto Ordens Mundiais e Globalização
APOIO AULA 2 - Texto Ordens Mundiais e Globalização
 
Viviendo en armonía con la madre tierra
Viviendo en armonía con la madre tierraViviendo en armonía con la madre tierra
Viviendo en armonía con la madre tierra
 
Laurine
LaurineLaurine
Laurine
 
Tarea3 tema0 jorge_roberto_plasencia_yanes
Tarea3 tema0 jorge_roberto_plasencia_yanesTarea3 tema0 jorge_roberto_plasencia_yanes
Tarea3 tema0 jorge_roberto_plasencia_yanes
 

Before e after