Leerzeichen in CSS-Selektoren

Question

In der Auswahl kann ein Leerzeichen einen Nachkommen angeben. Ich sehe jedoch, dass Leerzeichen auch ignoriert werden können.

Von meinen Tests, hier ist das, was ich denke, es bedeutet:

• Spaces um , und kontextuelle Zeichen verwendet werden können (wie + und >).
• Spaces Pseudoklasse und Zeichen-Element kann verwendet werden (: und ::) sowie Attributselektoren ([…]). nicht rund
• Leerzeichen dürfen nicht mit Klassen- und ID-Zeichen (. und) verwendet werden.
• Leerzeichen innerhalb einer "Zeichenfolge" sind signifikant.
• Alle anderen Leerzeichen werden ignoriert. Dies beinhaltet das Auffüllen innerhalb eines Attributselektors.

Die Frage ist (a) ist das offiziell korrekt? und (b) wo ist das abgedeckt?

Answer 1

Alle Ihre Schlussfolgerungen sind richtig. Es gibt Nuancen in Bezug auf Leerzeichen in Attributselektoren, die in meiner Antwort auf this question behandelt werden.

Alle genauen Regeln, wo Whitespace auftreten kann oder nicht, sind in der abgedeckt. Für die Zwecke der Grammatik werden die "Kontextzeichen (wie + und >)", auf die Sie sich beziehen, offiziell als Kombinatoren bezeichnet. (Der Begriff "kontextueller Selektor" wurde zuerst in CSS1 verwendet, ist aber seitdem nicht mehr erschienen.)

Denken Sie außerdem daran, dass eine beliebige Anzahl zusammenhängender Leerzeichen, die zwei einfache Selektoren trennen, als ein nachkommender Kombinator betrachtet wird, der tatsächlich eins ist Grund, warum Leerzeichen um die Trennzeichen für Pseudo-Elemente, Pseudo-Klassen, Attribut-Selektoren, Klassen-Selektoren und ID-Selektoren nicht "erlaubt" sind - weil es Bedeutung hat und daher seine Anwesenheit die Bedeutung des Selektors verändert.