No-Comma-Farbfunktionen in CSS

CSS läutet die Syntaxverbesserungen ein: Keine COMMA -Farbfunktion. Adam Argyle und Mathias Bynes 'Tweets lösten hitzige Diskussionen aus, und dieses Update verbessert die Lesbarkeit des CSS -Code. In der Vergangenheit erforderte jede Farbfunktion zwei Formen (mit Transparenz und ohne Transparenz), und die neue Syntax beseitigte diese Redundanz und machte es mehr mit der Gesamt -CSS -Syntaxspezifikation.

Schauen wir uns den Vergleich von Codeblöcken in Mathias 'Tweet an:

 <code>/* 旧语法*/ rgb(0, 128, 255) rgba(0, 128, 255, 0.5) hsl(198, 38% 50%) hsla(198, 28%, 50%, 0.5)</code>

 <code>/* 新语法*/ rgb(0 128 255) rgb(0 128 255 / 50%) hsl(198deg 28% 50%) hsl(198deg 28% 50% / 50%) lab(56.29% -10.93 16.58 / 50%) lch(56.29% 19.86 236.62 / 50%) color(sRGB 0 0.50 1 / 50%)</code>

Einige Gedanken:

• Die Browser -Unterstützung ist gut und IE 11 unterstützt ihn nur nicht.
• Wenn Sie mit IE 11 kompatibel sein müssen, können Sie einen Präprozessor verwenden (oder die neue Syntax nicht verwenden). Sowohl preset-env und postcss-color-rgb Plugins von Postcss können Conversions implementieren (seltsamerweise unterstützt postcss-color-rgb HSL nicht).
• Auch wenn es Ihnen nicht gefällt, können Sie die neue Syntax nicht verwenden. Es ist unwahrscheinlich, dass die Browserhersteller dieses wichtige Merkmal nicht unterstützen.
• Der Grund für die Migration ist, dass der neue Muskelgedächtnis, ein konsistenter Codestil und neue Farbfunktionen (wie Labor, LCH und Farbe) nur neue Syntax unterstützen.
• Es gibt eine gemischte Verwendung neuer und alter Syntax. Beispielsweise ist rgb(255, 0, 0, 0.5) noch gültig.
• Die Unterstützung der SASS ist schwierig und erfordert einige Problemumgehungen. Sass sollte die neue Syntax so schnell wie möglich unterstützen. Wenn es nicht unterstützt werden kann, wird dies zu einem Faktor, der Entwickler daran hindert, SASS zu verwenden.
• Schöner (ein Code -Formatierungs -Tool) kann eine Syntaxkonvertierung durchführen, es wird jedoch derzeit nicht durchgeführt (die Strategie von Schöner besteht nicht darin, AST zu ändern).
• Es wird erwartet, dass Entwickler -Tools Farben in diesem Format anzeigen, wodurch die Akzeptanz neuer Syntax vorgestellt wird.
• Denken Sie daran, dass Hexadezimal -Farbcodes auch neue Formate haben.

Das obige ist der detaillierte Inhalt vonNo-Comma-Farbfunktionen in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!