Die Wahrheit ist, dass das Erlernen einer neuen Sprache wie eine mentale Veränderung ist. Sie wechseln von der Übersetzung zum direkten Denken in der neuen Sprache und träumen schließlich sogar darin. Das gleiche Phänomen gilt für die Beherrschung neuer CSS -Syntax, insbesondere logische Eigenschaften. Das "Aha!" Moment des intuitiven Verständnisses ist unglaublich lohnend.
Die aktuelle CSS -Implementierung stellt jedoch eine Herausforderung dar. Während viele Entwickler logische Eigenschaften wie padding-inline
und margin-inline
einnehmen, bleibt die konsistente Nutzung schwer fassbar. Diese Inkonsistenz behindert den nahtlosen mentalen Übergang, den wir suchen.
Während inline-size
beispielsweise eine logische Alternative zur width
bietet, schien die kommenden @container
Abfragen zunächst diese Konsistenz zu brechen und erforderten eine Rückkehr zu min-width
und max-width
. Glücklicherweise deuten jüngste Entwürfe darauf hin, dass dieses Problem möglicherweise behoben werden könnte, was möglicherweise entweder logische oder physische Eigenschaften innerhalb von @container
-Abfragen zulässt. Im Idealfall würden nur logische Eigenschaften für Klarheit unterstützt, aber die endgültige Entscheidung scheint unmittelbar bevorsteht.
Ein weiterer Bereich, der Aufmerksamkeit erfordert, ist der Mangel an logischen Äquivalenten für overflow-*
. Während overflow-inline
(das logische Äquivalent von overflow-x
) existiert, ist die Browserunterstützung derzeit auf Firefox beschränkt.
Trotz dieser Inkonsistenzen sind zahlreiche logische Eigenschaften für die intuitive Verwendung bereit: size
, position
, margin
, padding
, border
, alignment
und mehr. Sogar Eigenschaften wie border-top-left-radius
haben jetzt logische Gegenstücke (z. B. border-start-start-radius
) und float: inline-end
ersetzt float: right
. Das Potenzial für sauberere, intuitivere CSS -Entwicklung ist signifikant.
Das obige ist der detaillierte Inhalt vonFehlerhafte Logik. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!