Das beste Eine Kombination von CSS-Selektoren-Tutorial im Jahr 2024. In diesem Tutorial können Sie Eine Kombination von CSS-Selektoren,Nachkommen Picker,Beispiele,Kind-Selektoren,Beispiele,Benachbarte Geschwister Selector,Beispiele,Gewöhnliche benachbarten Geschwister-Selektoren,Beispiele, lernen
Kombination Selektoren zeigen die direkte Beziehung zwischen den beiden Selektoren. |
CSS-Selektoren umfassen eine Kombination aus verschiedenen Kombinationen von einfachen Selektoren.
In CSS3 enthält es vier Kombinationen:
Nachkomme Selektor passt auf alle Elemente würdiger Nachkomme Elemente.
Das folgende Beispiel wählt alle <p> Element in das <div> Element:
Im Vergleich mit Nachfahrenselektoren, sub-Selektoren (Child-Selektoren) kann ein Element als untergeordnetes Element des Elements auswählen.
Die folgenden Beispiele ausgewählt <div> Element in allen direkten Kind-Elemente <p>:
Angrenzende Geschwister-Selektor (Adjacent Geschwister-Selektor) wählen Sie ein anderes Element unmittelbar nach dem Element, und beide haben das gleiche Elternelement.
Wenn Sie ein anderes Element unmittelbar nach dem Element auswählen müssen, und beide haben die gleiche Elternelement, können Sie den benachbarten Geschwister-Selektor (Adjacent Geschwister-Selektor) verwenden.
Das folgende Beispiel wählt alle die erste in der <div> Element nach dem Element <p>:
Gemeinsame benachbarten Geschwister-Selektor alle angegebenen Geschwisterelemente auswählen.
Das folgende Beispiel wählt alle <div> Elemente aller benachbarten Geschwister <p>: