CSS ::após o seletor
Exemplo
Insira algum texto após o conteúdo de cada elemento <p>:
p::after
{
content: " - Remember this";
}
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
O ::after
seletor insere algo após o conteúdo de cada elemento(s) selecionado(s).
Use a propriedade content para especificar o conteúdo a ser inserido.
Use o seletor ::before para inserir algo antes do conteúdo.
Versão: | CSS2 |
---|
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total ao seletor.
Selector | |||||
---|---|---|---|---|---|
::after | 4.0 | 9.0 | 3.5 | 3.1 | 7.0 |
Sintaxe CSS
::after {
css declarations;
}
Mais exemplos
Exemplo
Insira o conteúdo após cada elemento <p> e estilize o conteúdo inserido:
p::after
{
content: " - Remember this";
background-color: yellow;
color: red;
font-weight: bold;
}
Páginas relacionadas
Tutorial CSS: Pseudo-elementos CSS
Referência do seletor CSS: CSS ::antes do seletor