“CSS machen sich beim Elternschaft mit Eltern um Kinder zurück” Code-Antworten

Elternschwebe- und Kinderschwebezuschuhe gleichzeitig

.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

So wählen Sie ein Kind aus, wenn Sie auf dem übergeordneten Element CSS schweben

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

CSS machen sich beim Elternschaft mit Eltern um Kinder zurück

.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

Ähnliche Antworten wie “CSS machen sich beim Elternschaft mit Eltern um Kinder zurück”

Fragen ähnlich wie “CSS machen sich beim Elternschaft mit Eltern um Kinder zurück”

Weitere verwandte Antworten zu “CSS machen sich beim Elternschaft mit Eltern um Kinder zurück” auf CSS

Durchsuchen Sie beliebte Code-Antworten nach Sprache

Durchsuchen Sie andere Codesprachen