Diese Frage hat hier bereits eine Antwort:

Ich habe nachgesehen, ob diese Frage bereits beantwortet wurde, konnte aber nichts finden, sondern nur Fragen zu der von mir gesuchten umgekehrten CSS-Regel.

Ich habe ein div, das ein oder mehrere Kinder enthält, und ich möchte, dass es beim Schweben seinen Hintergrund ändert, aber nicht, wenn es eines seiner Kinder schwebt. Ich muss die Schweberegel auf das reine Element beschränken, nicht auf die darin enthaltenen Nachkommen. Da ich in CSS keine übergeordnete Regel bin und beim Überfahren des übergeordneten Elements UND seiner untergeordneten Elemente mit dem Mauszeiger ausgelöst werde, habe ich keine Ideen mehr, und möglicherweise ist dieses Ergebnis nur mit CSS nicht zu erzielen. Die Frage bezieht sich jedoch auf CSS, sodass keine JS- oder JQuery-Lösung erforderlich ist (das kann ich selbst bereitstellen).

Code:

HTML

    <div class="parent">Text of the parent
        <p class="class1">I do not need to trigger parent's background color change!</p>
    </div>

CSS

    .parent {
       background: #ffffff;
    }
    .parent:hover {
       background: #aaaaff;
    }
    .class1 {
       margin: 10px;
    }