` und Leerzeichen in Targeting-Elementen? " />
Die Subtilität von „>“ verstehen vs. Leerzeichen in CSS-Selektoren
Wenn Sie in CSS auf bestimmte Elemente innerhalb eines Dokuments abzielen, stoßen Sie möglicherweise auf zwei Notationen: „>“ und Leerzeichen. Obwohl sie auf den ersten Blick ähnlich erscheinen mögen, gibt es einen entscheidenden Unterschied in ihrer Verwendung.
Die Unterscheidung: Direkte Kinder vs. Nachkommen
Je größer- Das Vorzeichen (>) in CSS-Selektoren bezeichnet eine direkte Kind-zu-Eltern-Beziehung. In der Syntax div.card > gibt es an, dass Sie nur auswählen möchten
Andererseits zeigt ein Leerzeichen ( ) in einem CSS-Selektor eine Nachkommenbeziehung an. Wenn Sie div.card div.name schreiben, Es weist den Browser an, alle
Beispiele für Erläuterung:
Beachten Sie die folgende HTML-Struktur:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
|