Os pseudo -elementos do CSS são muito úteis - você pode usá -lo para criar triângulos CSS, usá -los na caixa prompt e também pode usá -los para concluir muitas tarefas simples sem elementos HTML desnecessários. No passado, os atributos CSS dos elementos pseudo-elementos não estavam disponíveis no JavaScript, mas agora há um novo método JavaScript para acessá-los! Suponha que seu código CSS se pareça com o seguinte:
A cópia do código é a seguinte:
.Element: antes de {
Conteúdo: 'Novo';
Cor: RGB (255, 0, 0);
}
Para obter o atributo de estilo no .Element: Antes, você pode usar o seguinte código JavaScript:
A cópia do código é a seguinte:
var color = window.getComputedStyle (
Document.QuerySelector ('. Element'), ': antes'
) .getPropertyValue ('cor')
Use o elemento pseudo-elemento como o segundo parâmetro do método Window.GetComputedStyle, e você pode obter as propriedades no estilo pseudo-elemento! Coloque essa técnica em sua base de conhecimento e, à medida que o navegador se desenvolver, os pseudo-elementos se tornarão cada vez mais úteis!