Selection d'un #text hors d'une balise

Bonjour tout le monde, je cherche à selectionner des virgules qui séparent plusieurs <span> (à voir sur l'image)

Impossible de les selectionné, j'ai tout éssayé, avez vous des idées pour les passer en display : none ?

Merci de votre aide !

Bonjour,

"Sélectionner", ça peut vouloir dire plein de chose. J'imagine qu'il s'agit de mettre au point un sélecteur css qui ciblerait uniquement ces ",".

La réponse me semble être : ce n'est pas possible avec seulement du css.

On peut par contre combiner pour le faire avec du javascript.

Amicalement,

Et pourquoi tu les mettrais pas aussi dans des span ?

Effectivement j'aurai du préciser qu'il s'agit d'un code géneré par un CMS.
Je ne peux donc pas modifier le code HTML.

Il faudrait donc un selecteur qui vise uniquelent les ","
J'arrive à viser les span et les "," avec la class du span principal mais pas uniquement les virgules.

Bonjour,

Eventuellement (mais ça dépend de ce que tu veux faire ensuite : tout ne sera pas possible) tu peux appliquer un style au span "principal" (pour qu'il s'occupe des ",") et tu annules les effets en ré-appliquant le style du parent du span principal aux span à l'intérieur du span principal.

Exemple :

div.grandParent {color:black;}
span.parent {color:red;}
span.enfant {color:black;}

<div class="grandParent">
    <span class="parent">
        <span class="enfant">
            Rha
        </span>
        ","
        <span class="enfant">
            Bouh
        </span>
        ","
        <span class="enfant">
            Mouarf
        </span>
    </span>
</div>

Sinon, puisque c'est un CMS, il faudra éventuellement en passer par un plugin.

Amicalement,
Modifié par parsimonhi (22 Dec 2021 - 18:29)