Exemplo
Insira algum texto depois que o conteúdo de cada <p> elemento:
p::after
{
content: " - Remember this";
}
Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
O :: after selector insere algo após o conteúdo de cada selecionado element(s) .
Use o conteúdo de propriedade para especificar o conteúdo a ser inserido.
Use o :: antes selector para inserir alguma coisa antes do conteúdo.
| Versão: | CSS2 |
|---|
Suporte a navegadores
Os números na tabela especifica a primeira versão do navegador que suporta plenamente o selector.
| seletor | |||||
|---|---|---|---|---|---|
| ::after | 4.0 | 9 Parcial de 8,0 | 3,5 | 3.1 | 7 Parcial de 4,0 |
Nota: IE8 e Opera 4-6 suportam apenas o velho, single-e-vírgula sintaxe CSS2 (:after) . As versões mais recentes suportam o padrão, dois pontos duplo sintaxe CSS3 (::after) .
Nota: Para: depois de trabalhar no IE8, um <! DOCTYPE> deve ser declarada.
CSS Syntax
::after {
css declarations ;
}
mais Exemplos
Exemplo
Inserir conteúdo após cada <p> elemento, e estilizar o conteúdo inserido:
p::after
{
content: " - Remember this";
background-color: yellow;
color: red;
font-weight: bold;
}
Tente você mesmo " Páginas relacionadas
Tutorial CSS: CSS Pseudo-elementos
CSS Selector de referência: CSS :: antes selector