O CSS:: antes do conteúdo da seleção é inserido antes de um elemento selecionado. CSS: após o conteúdo das inserções após um elemento especificado. Esses seletores são comumente usados para adicionar texto antes ou depois de um parágrafo ou link.
Ao criar um site, você pode adicionar conteúdo antes ou depois do conteúdo de uma página. elemento. Por exemplo, você pode adicionar uma imagem antes de cada marcador em uma lista.
É aqui que entram:: antes e depois:: elementos pseudo-CSS. Esses pseudoelementos permitem inserir conteúdo antes ou após o conteúdo de um elemento.
Este tutorial irá discutir, referindo-se a exemplos, como usar os pseudo-elementos:: antes e depois:: para decorar o conteúdo de uma página web. Quando terminar de ler este tutorial, você será um especialista em usar:: antes e depois:: pseudo-elementos em CSS.
Pseudo-elementos CSS
Um pseudo-elementos element é uma palavra-chave especial que permite estilizar uma parte específica dos elementos selecionados por um seletor CSS. Neste artigo, chamaremos pseudoelementos como seletores porque cada pseudoelemento é um seletor
Os pseudoelementos são úteis quando você deseja estilizar um elemento sem adicionar CSS ou ID de classes para o elemento. Por exemplo, se você deseja adicionar uma seta ">" após cada link em uma página da Web, você pode usar um pseudoelemento.
CSS oferece uma ampla variedade de pseudoelementos. Em particular:: primeira linha,:: primeira letra,:: antes e depois::. Para os propósitos deste tutorial, vamos nos concentrar nos dois últimos::::: antes e depois.
Os pseudo-elementos são normalmente representados por dois-pontos (::). Embora CSS3 suporte o uso de sintaxe de ponto único (:) para declarar um pseudo-elemento, usar a notação de dois pontos é a melhor prática