@@Rolf B
Gut:
Nein.
.item { padding-inline: 3ex; @supports (padding-inline: 5ch) { padding-inline: 5ch; } }
@supports
ist hier völlig unnötig. Wirklich gut:[1]
.item {
padding-inline: 3ex;
padding-inline: 5ch;
}
/* negierte Logik ist aber unhandlich */
Das würde ich so nicht sagen. Im Fall
selector {
property: value1;
@supports (condition) {
property: value2;
}
}
mag man das not
vermeiden können. Das hängt aber davon ab, was der sinnvolle Default ist. Ist es value1
, dann so. Ist es value2
, dann doch besser andersrum mit not
.
Klarer verhält sich es bei
selector {
property: value;
@supports (condition) {
property: revert;
}
}
Da ist
selector {
@supports not (condition) {
property: value;
}
}
die bessere Variante.
🖖 Живіть довго і процвітайте
--
Ad astra per aspera
Ad astra per aspera
Von der Sinnhaftigkeit dieses Beispiels mal abgesehen. Gibt es Browser, die die Einheit
ex
unterstützen, aber nichtch
? ↩︎