Frage zum Wiki-Artikel „Selektoren“

[Gunnar Bittersmann]

@@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.

🖖 Живіть довго і процвітайте

---

1. Von der Sinnhaftigkeit dieses Beispiels mal abgesehen. Gibt es Browser, die die Einheit ex unterstützen, aber nicht ch? ↩︎