Pseudo-elementos

Resumo

Assim como pseudo-classes, pseudo-elementos são adicionados aos seletores mas em vez de descrever um estado especial, eles permitem que você aplique estilos em certas partes de um documento. Por exemplo, o pseudo-elemento ::first-line aplica o estilo apenas na primeira linha do elemento especificado pele seletor.

Sintaxe

seletor::pseudo-elemento {
  propriedade: valor;
}

Todos os pseudo-elementos

Notas

 

As vezes você vai ver dois pontos aplicados duas vezes (::) em vez de apenas uma (:). Isso faz parte do CSS3 é uma tentativa de diferenciar pseudo-classes de pseudo-elementos. A maioria dos navegadores suportam os dois valores.

Nota: ::seleção as vezes começa com dois ponto aplicado duas vezes (::).

Você pode utilizar apenas um pseudo-elemento em um seletor. Ele deve aparecer depois de uma afirmação de um elemento simples.

Navegador Versão mais baixa Suporte de
Internet Explorer 8.0 :pseudo-element
9.0 :pseudo-element ::pseudo-element
Firefox (Gecko) 1.0 (1.0) :pseudo-element
1.0 (1.5) :pseudo-element ::pseudo-element
Opera 4.0 :pseudo-element
7.0 :pseudo-element ::pseudo-element
Safari (WebKit) 1.0 (85) :pseudo-element ::pseudo-element

 

Etiquetas do documento e colaboradores

 Colaboradores desta página: brunoeduardo
 Última atualização por: brunoeduardo,