“CSS fait planer sur le mouvement de l'enfant parent” Réponses codées

Parent sur plané et l'enfant planant en même temps

.child-container {
	margin-right: 5px;
    padding: 10px 12px;
    border-radius: 50%;
}
            
.parent-container:hover {
	color: rgb(20, 89, 136); //This is the color for all the child-container when parent is hover//
}

.parent-container:hover .child-container {
	background-color: rgb(10, 23, 31); //This is the background-color of the chosen child-container//
}
//When you hover the parent-container, the chosen child-container hover will also work along with the parent-container hover//
//The chosen child-container has also hover style different from the parent-container hover//
//If the parent-container is mouse hover the child-container hover will be trigger too//
Ryan Hood

Comment sélectionner l'enfant lorsqu'il oscille sur l'élément parent CSS

/* Selecting a child element on :hover parent element*/ 
.parent:hover .child {
   /* ... */
}
deejay

CSS fait planer sur le mouvement de l'enfant parent

.parent {
    background: white;
    pointer-events: none; // this disable the hover on the .parent

    &:hover {
      background: gray; // hover applied to .parent but disabled by the previous pointer-events: none;
    }
    a {
      pointer-events: auto; // this enable the pointer again
      &:hover {
        color: red; // this hover only for the a 
      }
    }
}
Thoughtless Tuatara

Réponses similaires à “CSS fait planer sur le mouvement de l'enfant parent”

Questions similaires à “CSS fait planer sur le mouvement de l'enfant parent”

Plus de réponses similaires à “CSS fait planer sur le mouvement de l'enfant parent” dans CSS

Parcourir les réponses de code populaires par langue

Parcourir d'autres langages de code