L'objectif principal des feuilles de style en cascade (CSS) est d'ajouter des styles aux éléments HTML. Cependant, dans certains cas, l'ajout d'éléments supplémentaires au document est redondant, voire impossible. En fait, il existe une fonctionnalité en CSS qui nous permet d'ajouter des éléments supplémentaires sans perturber le document lui-même, qui sont des « pseudo-éléments ».
Mots précédents
Il n'est pas possible de définir directement les effets js pour les pseudo-éléments avant et après
Exemple
Vous devez maintenant ajouter (:avant que le contenu soit "préfixe", la couleur est une pseudo-classe rouge) pour (div avec l'identifiant comme boîte et le contenu comme "Je suis le contenu de test")
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="box">我是测试内容</div> <script> var oBox = document.getElementById('box'); </script>
</body>
</html> Solution
[Méthode 1] Intégrer dynamiquement les styles CSS
Le navigateur IE8 traite la balise