Exemplo
Insira algum texto antes que o conteúdo de cada <p> elemento:
p::before
{
content: "Read this: ";
}
Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
O :: antes selector insere algo antes que o conteúdo de cada um deles seleccionado element(s) .
Use o conteúdo de propriedade para especificar o conteúdo a ser inserido.
Use o :: after seletor para inserir algo depois 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 | |||||
|---|---|---|---|---|---|
| ::before | 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 (:before) . As versões mais recentes suportam a, dois pontos duplo sintaxe CSS3 padrão (::before) .
Nota: Para: antes de trabalhar no IE8, um <! DOCTYPE> deve ser declarada.
CSS Syntax
::before {
css declarations ;
}
mais Exemplos
Exemplo
Inserir conteúdo antes de cada <p> o conteúdo do elemento, e estilizar o conteúdo inserido:
p::before
{
content: "Read 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 :: after selector