Effacer quelque chose en css...

Bonjour, pour les mordus de css j'ai un petit défis, je vais expliquer mon problème et le code associé,

J'utilise un iframe dans ma page et dans cette ifram j'ai ceci :

<div id="LeBloc">
<div id="BlocActive">
<span>Un Texte que je veux enlever</span>
</div>
<div id="BlocInactive">
<span>Du texte intéressante</span>
</div>
<div id="BlocInactive">
<span>Du texte intéressante</span>
</div>
</div>

Alors voilà le seul problème c'est que mettre en display none le bloc active ne m'aidera pas car le texte a l'intérieur changera selon sur quoi je vais cliquer ce serait le span en lui même que j'aimerai éffacer, vous avez des idées pour faire cela?

Merci,

3 réponses

  • Votes
  • Date
  • Date décroissante
  1. Petite précision sur ton code

    quand une div est répétée plusieurs fois dans la meme page ne pas lui mettre une id mais une class
    1. Le problème c'est que c'est un iframe et je peut pas aller implanter directement dans le span ce que je veux et il n'a pas d'id ou de classe spécifié donc je ne peut pas indiquer que c'est lui que j'ai envie de display none,

      oui il y aplusieur id de même nom c'était juste un exemple.
      1. tu fais ca avec css sans aller toucher le span

        attention si le contenu de ton iframe appelle un css, le css de l'iframe risque de prendre le dessus sur ton propre css.

        essaie ceci soit en css externe, soit dans une balise <style> dans le head de ta page

        #BlocActive span {
        display:none;
        }