Les pseudo-éléments CSS sont très utiles - vous pouvez l'utiliser pour créer des triangles CSS, les utiliser sur la boîte d'invite, et vous pouvez également les utiliser pour effectuer de nombreuses tâches simples sans éléments HTML inutiles. Dans le passé, les attributs CSS des pseudo-éléments n'étaient pas disponibles en JavaScript, mais maintenant, il existe une nouvelle méthode JavaScript pour y accéder! Supposons que votre code CSS ressemble à ceci:
La copie de code est la suivante:
.Element: avant {
Contenu: «nouveau»;
Couleur: RVB (255, 0, 0);
}
Pour obtenir l'attribut de style dans .Element: avant, vous pouvez utiliser le code JavaScript suivant:
La copie de code est la suivante:
var color = window.getCompuledStyle (
document.QuerySelector ('. Element'), ': avant'
) .getPropertyValue ('Color')
Utilisez le pseudo-élément comme deuxième paramètre de la méthode Window.getCompuledStyle, et vous pouvez obtenir les propriétés dans le style pseudo-élémentaire! Mettez cette technique dans votre base de connaissances, et à mesure que le navigateur se développe, les pseudo-éléments deviendront de plus en plus utiles!