Forum : Selecteurs CSS span imbriqués

Bonjour,

je solicite votre aide concernant une syntaxe CSS que je n'arrive pas à trouver!
Le HTML est le code d'un Iframe auquel je n'ai pas acces. Seul le css me permet de modifier sa mise en forme.

Je souhaiterais à partir du bout de code suivant n'afficher que la <span> interne : Floriane , sans le "booking by"

<div class="provider">
                                <span>

                                                                Booking &nbsp;
                                                                                                            by
                                                                        &nbsp;<span>Floriane</span>
                                                                </span>
                            </div>

Quels selecteurs CSS me permetterais d'avoir ce resultat?

j'ai essayé :

.provider > span { display: none; }
.provider  span span { display: block !important; }

qui ne fonctionne pas!

J'attend votre aide!

Merci beaucoup!!

2 réponses

Kenor

Réponse acceptée

Il faudrait connaitre le contexte. Si tu ne peux pas toucher le code source, Une solution serait de placer le "span Floriance" au dessus du "spam parent". Par exemple en faisant quelque chose du genre

.provider > span { position: relative; }
.provider span span { 
    position : absolute; 
    top: 0; 
    left: 0; 
    background : #ffffff; /* rend opaque le bloc, et donc le contenu du bloc parent est caché */
 }

Ta solution ne peut pas fonctionner, étant donné que tu caches le bloc, donc tous les enfants seront aussi cachés.

Sinon, le javascript peut etre une solution ?

Naama

Auteur

Merci pour cette excellente idée!!!