Kann CSS übergeordnete Elemente basierend auf ihren untergeordneten Elementen auswählen?-CSS-Tutorial-php.cn

Kann CSS übergeordnete Elemente basierend auf ihren untergeordneten Elementen auswählen?

Linda Hamilton

Freigeben： 2024-12-03 14:32:11

Original

147 Leute haben es durchsucht

Can CSS Select Parent Elements Based on Their Child Elements?

Kann CSS Elemente anhand ihrer untergeordneten Elemente identifizieren?

In dieser Frage untersuchen wir die Möglichkeit, CSS-Selektoren zu verwenden, um Elemente zu identifizieren, die bestimmte untergeordnete Elemente enthalten. Unser Ziel ist es beispielsweise, alle

Elemente, die Kinder.

Antwort:

Leider fehlt in den CSS2- und CSS3-Spezifikationen die Möglichkeit, übergeordnete Elemente anhand ihres untergeordneten Inhalts auszuwählen. Übergeordnete Selektoren werden derzeit nicht unterstützt.

Hinweis zu Spezifikationsaktualisierungen:

Diese Informationen können aufgrund laufender Diskussionen und Änderungen an CSS-Spezifikationen veraltet sein. Wir werden unser Bestes tun, um diese Antwort korrekt zu halten, es kann jedoch zu Ungenauigkeiten kommen.

Erkunden von übergeordneten Selektoren in CSS-Entwürfen:

Ein früher „Arbeitsentwurf für Selektoren Level 4“ führte das Konzept der „Selektorsubjekte“ ein, das es Autoren ermöglicht, das Element anzugeben, das Stile empfängt. Diese Funktion wurde jedoch aus zukünftigen Spezifikationen entfernt und wird nicht mehr verfügbar sein.

Die Pseudoklasse :has() im „Selectors Level 4 Editor's Draft“:

Ein neuerer „Selectors Level 4 Editor's Draft“ enthält die relationale Pseudoklasse :has(). Dieses Konstrukt ermöglicht die Auswahl von Elementen basierend auf ihrem Inhalt. Bei Verwendung von :has() sieht das obige Beispiel wie folgt aus:

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

Nach dem Login kopieren

Dieser Selektor wählt alle

Elemente, die ein Kind.

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