Wie kann ich in CSS ein übergeordnetes Element basierend auf seinem untergeordneten Element auswählen?

CSS-Selektoren für Eltern-Kind-Beziehungen

Frage:

Wie erstellt man eine CSS-Selektor, der einem übergeordneten Element entspricht, das ein bestimmtes untergeordnetes Element enthält element?

Hintergrund:

Der Abgleich eines Objektelements, das ein param-Element enthält, mithilfe eines einfachen Selektors (z. B. OBJECT PARAM) schlägt fehl, da es stattdessen auf das param-Element abzielt.

Antwort:

Besonders CSS Es fehlen übergeordnete Selektoren, eine Funktion, die wiederholt vorgeschlagen wurde, aber in keinem aktuellen oder geplanten Standard verfügbar ist.

Um das gewünschte Verhalten zu erreichen, müssen Alternativen eingesetzt werden:

• jQuery/JavaScript:

  • $("object param").closest("object")
  • document.querySelector("object param").closest("object")

• CSS-Problemumgehungen:

  • Fügen Sie zusätzliche Klassenanmerkungen ein, um die Eltern-Kind-Beziehung zu erleichtern Targeting innerhalb der CSS-Regeln.

Zusätzliche Ressourcen:

Weitere Einblicke in diese Einschränkung erhalten Sie in den folgenden Ressourcen:

• [Gibt es ein CSS-Elternteil? Selektor?](https://stackoverflow.com/questions/3398742/is-there-a-css-parent-selector)
• [CSS Parent/Ancestor Selector](https://codereview.stackexchange. com/questions/8989/css-parent-ancestor-selector)
• [Komplexer CSS-Selektor für Eltern des aktiven Kindes](https://stackoverflow.com/questions/26492566/complex-css-selector-for-parent-of-active-child)

Das obige ist der detaillierte Inhalt vonWie kann ich in CSS ein übergeordnetes Element basierend auf seinem untergeordneten Element auswählen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!