O CSS inline pode utilizar pseudo-elementos ::before e ::after?

Perguntando se o CSS inline permite a implantação de ::before e ::after pseudo-elementos é uma pergunta válida. Este artigo se aprofunda nas especificidades da resposta a esta pergunta.

CSS inline e pseudoelementos

CSS inline, residindo diretamente em elementos HTML, fornece uma alternativa ao CSS definido em uma folha de estilo externa. Embora o CSS inline atenda ao seu propósito, surge uma limitação ao considerar os pseudoelementos.

Pseudoelementos, :before e :after, são recursos integrantes do CSS, facilitando a inserção de conteúdo antes ou depois de um determinado elemento. No entanto, esses pseudoelementos exigem declarações de folha de estilo, pois o CSS in-line não pode direcioná-los diretamente. e ::after com folhas de estilo, consulte o seguinte exemplo:

td { alinhamento de texto: justificar; } td::depois { contente: ""; display: bloco embutido; largura: 100%; }Neste exemplo, a propriedade CSS inline text-align: justificar garante texto justificado dentro do elemento td. Simultaneamente, o pseudoelemento ::after, definido na folha de estilo, injeta uma string vazia, utilizando um bloco embutido que se estende por toda a largura do elemento td.