Pseudo-elementos são elementos visíveis em uma página da web que não estão “no DOM” ou criados a partir de HTML, mas são inseridos diretamente do CSS. Isso permite que você faça muitas coisas legais com design sem bagunçar a marcação. Pseudo-elementos são CSS 2, então o suporte do navegador para eles é muito bom!
Links do vídeo:
- Nicolas Gallagher: entrevista, vários planos de fundo, ícones
- Conheça os Seletores de Pseudo Classe
- Matt Hamm: ondulação da página
- Triângulo CSS