27771 sujets

CSS et mise en forme, CSS3

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 ! Smiley smile


upload/1640172365-84002-capture2.jpg
upload/1640172378-84002-capture.jpg
Modérateur
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,
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.
Modérateur
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)