CSS ::antes do seletor
Exemplo
Insira algum texto antes do conteúdo de cada elemento <p>:
p::before
{
content: "Read this: ";
}
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
O ::before
seletor insere algo antes do conteúdo de cada elemento(s) selecionado(s).
Use a propriedade content para especificar o conteúdo a ser inserido.
Use o seletor ::after para inserir algo após o 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 | |||||
---|---|---|---|---|---|
::before | 4.0 | 9.0 | 3.5 | 3.1 | 7.0 |
Sintaxe CSS
::before {
css declarations;
}
Mais exemplos
Exemplo
Insira o conteúdo antes do conteúdo de cada elemento <p> e estilize o conteúdo inserido:
p::before
{
content: "Read this -";
background-color: yellow;
color: red;
font-weight: bold;
}
Páginas relacionadas
Tutorial CSS: Pseudo-elementos CSS
Referência do seletor de CSS: CSS ::após o seletor