Ola comunidade Alura! Estou com uma dúvida sobre o uso das pseudo-classes referente aos dois pontos prefixos das pseudo-classes. Qual a diferença entre ":after" e "::after", em quais casos usamos duas vezes os dois pontos?
Solucionado
Ola comunidade Alura! Estou com uma dúvida sobre o uso das pseudo-classes referente aos dois pontos prefixos das pseudo-classes. Qual a diferença entre ":after" e "::after", em quais casos usamos duas vezes os dois pontos?
Olá Kelvin! Existem duas opções:
Pseudo-classes são usadas para selecionar elementos que não podem ser expressados de outra forma a não ser usando atributos como: id's, classes (ou qualquer outro tipo de informação disponível através do DOM). Por exemplo: :first-child, :last-child, :lang() e :not().
Pseudo-elementos são elementos "imaginários" (ou elementos virtuais se preferires) no qual podemos aplicar estilos relativamente como parte de outros elementos reais, porém estes elementos imaginários não fazem parte do DOM. Por exemplo, fragmentos de conteúdo, tais como ::first-line e ::first-letter ou conteúdo virtualmente gerado como ::before e ::after.
Opa, obrigado pela resposta Marcio! Não tinha percebido que havia essa separação entre pseudo-elemento e pseudo-classe, uma resposta que também encontrei é que os navegadores aceitam :before ou :after (com apenas 1 dois pontos) por ser uma notação do CSS2