Partage
  • Partager sur Facebook
  • Partager sur Twitter

un hover qui gère deux éléments

un hover qui gère deux éléments

    21 août 2017 à 20:02:39

    Bonjour

    J'aimerai bien savoir comment faire un hover qui gère deux éléments!

    • Partager sur Facebook
    • Partager sur Twitter
    Merci d'avance pour votre réponse rapide et pour votre explication
      21 août 2017 à 21:27:41

      Tout dépends de votre code mais la pseudo-class :hover ne peut agir que sur l'élément sur lequel on la définit ou sur ses 'enfants' (child), donc si vous souhaitez l'appliquer à deux éléments faites comme cela :

      Exemple 1:

      - html

      <div id="parent-block">
         <div id="parent-block_child-one">a</div>
         <div id="parent-block_child-two">b</div>
      </div>

      - css

      #parent-block:hover #parent-block_child-one {
        color: red;
      }
      #parent-block:hover #parent-block_child_two {
        color: green;
      }


      Exemple 2:

      - html 

      <div id="parent">
        a
        <div id="parent_child">b</div>
      </div>

      - css

      #parent:hover {
        color: red
      }
       #parent:hover #parent_child {
         transform: rotateX(69deg)
      }




      -
      Edité par Gaspard98 22 août 2017 à 1:13:32

      • Partager sur Facebook
      • Partager sur Twitter
        21 août 2017 à 23:51:27

        Je ne suis pas chez moi pour tester!

        Je vais vous envoyer demain la réponse!

        Mais une question!

        Dans le premier exemple vous avez oublié dans le code css '#' dans les deux child!

        Merci d'avance

        A demain

        • Partager sur Facebook
        • Partager sur Twitter
        Merci d'avance pour votre réponse rapide et pour votre explication
          22 août 2017 à 11:26:12

          OH merci pour vous
          • Partager sur Facebook
          • Partager sur Twitter
          Merci d'avance pour votre réponse rapide et pour votre explication

          un hover qui gère deux éléments

          × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
          × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
          • Editeur
          • Markdown