Warum werden benannte Bereiche im CSS-Raster nicht in Anführungszeichen gesetzt?

Warum benannte Rasterbereiche in CSS nicht in Anführungszeichen stehen

In CSS Grid wird auf benannte Rasterbereiche über IDs ohne Anführungszeichen zugegriffen. Dies mag seltsam erscheinen, da benannte Rasterbereiche mit Anführungszeichen im Raster angegeben werden: „Bereich1 Bereich2“ / 1fr 1fr;.

Grund für die Verwendung von Bezeichnern

Die Entwickler von CSS Grid haben es gewählt um Bezeichner anstelle von Zeichenfolgen zu verwenden, um die Konsistenz mit dem Rest von CSS zu gewährleisten. Die meisten CSS-Eigenschaften verwenden Bezeichner zur Wertspezifikation, einschließlich Anzeige, Schriftstärke und Rechtfertigungsinhalt. Durch die Verwendung von Bezeichnern für benannte Rasterbereiche bleibt die CSS-Spezifikation einheitlich.

Bezeichner vs. Strings

Bezeichner sind vom Autor definierte Zeichenfolgen, die nicht als Schlüsselwörter fehlinterpretiert werden. Sie unterscheiden zwischen Groß- und Kleinschreibung und dürfen nicht in Anführungszeichen gesetzt werden.

Strings hingegen sind durch Anführungszeichen (einfache oder doppelte) getrennte Zeichenfolgen. Sie entsprechen dem Produktion im CSS-Syntaxmodul.

Beispiel

Im folgenden Beispiel weist der Rasterbereich von .logo den Bereichsnamen „logo“ als Bezeichner anstelle einer Zeichenfolge zu :

.grid {
  display: grid;
  grid-template-areas: "logo  nav  nav"
                        "content  content  content"
                        "footer footer  footer";
}

.logo {
  grid-area: logo;
}

Fazit

Während der Verwendung von Bezeichner für benannte Rasterbereiche mögen zunächst kontraintuitiv erscheinen, sie wurden jedoch von den Entwicklern der CSS-Grid-Spezifikation aus Gründen der Konsistenz mit der überwiegenden Mehrheit der CSS-Eigenschaften gewählt. Diese Entscheidung sorgt für eine einheitliche Syntax und sorgt so für eine reibungslosere Lernkurve für Entwickler.

Das obige ist der detaillierte Inhalt vonWarum werden benannte Bereiche im CSS-Raster nicht in Anführungszeichen gesetzt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!