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

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

Patricia Arquette

Freigeben： 2024-11-21 04:16:12

Original

736 Leute haben es durchsucht

Can CSS Select Elements Based on Their Child Elements?

CSS-Selektor für Elemente mit einem bestimmten untergeordneten Element

Frage: Ist es möglich, einen CSS-Selektor dafür zu erstellen? Wählt alle Elemente aus, die ein bestimmtes untergeordnetes Element haben? Um beispielsweise alle

Elemente, die ein Element?

Antwort:

Leider erlauben die CSS2- und CSS3-Selektorspezifikationen keine übergeordnete Auswahl. Dies bedeutet, dass es nicht möglich ist, ein Element nativ basierend auf seinen untergeordneten Elementen auszuwählen.

Neueste Entwicklungen:

Die Spezifikation der CSS-Selektoren hat jedoch kürzlich Änderungen erfahren. Während ein früherer „Selectors Level 4 Working Draft“ eine „Subject“-Funktion zur Auswahl des Elements enthielt, das Stile erhalten sollte, wurde diese Funktion in nachfolgenden Entwürfen entfernt.

Relationale Pseudoklasse: :has( )

Ein neuerer „Selectors Level 4 Editor's Draft“ enthält die relationale Pseudoklasse „:has()“, die es Autoren ermöglicht, Elemente basierend auf ihrem Inhalt auszuwählen. Dies sorgt für Kompatibilität mit dem benutzerdefinierten Pseudo-Selektor „:has()“ von jQuery.

Mit „:has()“ kann das oben genannte Beispiel wie folgt geschrieben werden:

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

Nach dem Login kopieren

Dieser Selektor wird Alles auswählen

Elemente, die ein Element und stylen Sie sie mit einer roten Farbe. Es ist wichtig zu beachten, dass diese Lösung möglicherweise nicht in allen Browsern einheitlich unterstützt wird.

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