css hover classes imbriquées se propage

Je sais que c'est un classique mais je ne trouve pas de réponse sur le net:

J'ai ce code html:

<div class="comment>
  <div class="myLinks">Some Links</div>
  <div class="comment">
    <div class="myLinks">Some Links</div>
  </div>
</div>

Puis j'ai cette css (écrit en scss):

.myLinks {
  display: hidden;
}

.comment {
  &:hover {
    .myLinks {
      display: visible;
    }
  }
}

Lorsque le pointeur passe au dessus de la première bloc de commentaire, imbriquées l'une de l'effet hover est également activé. Je veux que mes liens ne soient visibles que dans le commentaire soit plané, et non pas dans sa les parents ou les enfants.

Comment puis-je faire cela? Merci!

  • Vouliez-vous dire visibility et pas display?
InformationsquelleAutor ndemoreau | 2012-12-10
  1. 8
    .myLinks{
  display:none;
}

.comment:hover > .myLinks {
  display: block;
}
    • C'est elle! Merci!
    InformationsquelleAutor Philipp Hofmann
  2. 0

    Utilisé pour cette css

    .myLinks{
display:none;
}

.comment:hover .myLinks{
display:block;
}

    Démo

    ou

    -------

    .myLinks{
    visibility:hidden;
    }

    .comment:hover .myLinks{
    visibility: visible;
    }

    Demo2

    • Merci pour votre aide, mais le but était d'afficher les liens dans le plané de contenu, de ne pas afficher le contenu imbriqué.
    InformationsquelleAutor Rohit Azad