Wie kann ich Elemente basierend auf ihren untergeordneten Elementen in CSS auswählen?

Auswählen von Elementen mit bestimmten untergeordneten Elementen in CSS

Wie können Sie in CSS Elemente basierend auf dem Vorhandensein eines bestimmten untergeordneten Elements auswählen?

Möglich?

Leider sind CSS2 und CSS3 unterstützt keine übergeordnete Auswahl, sodass es unmöglich ist, ein Element basierend auf seinen untergeordneten Elementen auszuwählen.

Änderungen in den Spezifikationen

Trotz jahrelanger Diskussionen besteht kein Konsens wurde für übergeordnete Selektoren in CSS erreicht. Hier ist ein Überblick über mögliche Änderungen:

Betreffselektoren (veraltet)

In einem älteren Entwurf des „Selektoren Level 4 Working Draft“ wurde die Verwendung von „Betreff“selektoren vorgeschlagen. aber diese Funktion wurde aufgegeben und wird nicht implementiert.

Relationale Pseudoklasse: :has()

Ein neuerer „Selectors Level 4 Editor’s Draft“ enthält „:has()“ als relationale Pseudoklasse. Diese Pseudoklasse ermöglicht es Autoren, ein Element basierend auf seinem Inhalt auszuwählen. Zum Beispiel:

p:has(span) {
    color: red;
}

Dieser Selektor würde die Farbe Rot auf jedes Absatzelement (

) anwenden, das einen Bereich () enthält.

Hinweis : Diese Spezifikationsänderungen unterliegen Änderungen, daher kann die Genauigkeit dieser Informationen variieren.

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