“CSS hace que se desplace en la mudanza de los hijos matrices” Código de respuesta

Padre flotante y niño flotan al mismo tiempo

.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

Cómo seleccionar el niño cuando se desplaza en el elemento principal CSS

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

CSS hace que se desplace en la mudanza de los hijos matrices

.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

Respuestas similares a “CSS hace que se desplace en la mudanza de los hijos matrices”

Preguntas similares a “CSS hace que se desplace en la mudanza de los hijos matrices”

Más respuestas relacionadas con “CSS hace que se desplace en la mudanza de los hijos matrices” en CSS

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código