Comment puis-je accéder aux propriétés de style des pseudo-éléments CSS avec jQuery ?

Accès aux propriétés de style des pseudo-éléments avec jQuery

Étant donné les limites du parcours à travers les règles CSS, cet article explore l'utilisation des sélecteurs jQuery pour localiser éléments avec des effets spécifiques causés par des règles de pseudo-éléments.

Par exemple, considérons un element:

qui peut être modifié de manière sélective :

Pour sélectionner des pseudo-éléments avec leurs positions d'arrière-plan par défaut, la syntaxe de sélection suivante ne fonctionne pas :

De même, les tentatives d'utilisation de .siblings() pour rechercher des éléments avec des images d'arrière-plan spécifiques renvoient des résultats vides.

Le point crucial Le problème réside dans la nature des pseudo-éléments. Ils n'ont pas de sélecteurs indépendants et modifient à la place les éléments environnants. En d’autres termes, :before et :after ne sélectionnent pas ; ils modifient.

Par exemple, dans le HTML :

et CSS :

le texte "|Inséré en utilisant :avant|" est inséré avant l’élément span interne car la classe b est un descendant de la classe a. Cela démontre que les pseudo-éléments n'ont pas leurs propres sélecteurs mais affectent leurs éléments parents.

Par conséquent, il n'est pas possible de sélectionner directement des pseudo-éléments en utilisant la syntaxe de sélecteur jQuery standard. Une solution potentielle consiste à utiliser un plugin jQuery comme jQueryRule (http://flesler.blogspot.com/2007/11/jqueryrule.html) pour extraire la règle CSS d'origine.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!