“CSS spraw, aby zawisł na rodzicielskim ruchu dziecka” Kod odpowiedzi

W tym samym czasie zawieszka rodzica i najechanie dzieci

.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

Jak wybrać dziecko na zawisie na elemencie nadrzędnym CSS

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

CSS spraw, aby zawisł na rodzicielskim ruchu dziecka

.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

Odpowiedzi podobne do “CSS spraw, aby zawisł na rodzicielskim ruchu dziecka”

Pytania podobne do “CSS spraw, aby zawisł na rodzicielskim ruchu dziecka”

Więcej pokrewnych odpowiedzi na “CSS spraw, aby zawisł na rodzicielskim ruchu dziecka” w CSS

Przeglądaj popularne odpowiedzi na kod według języka

Przeglądaj inne języki kodu