JavaScript/Navigator/userAgent

[Gunnar Bittersmann]

@@mathefritz

das CSS-Mittel ist @supports; aber - ich beziehe mich auf den Artikel in c't 2017/6,
ältere Browser unterstützen nichteinmal @supports und dann wird es lästig.

Nein, wird’s nicht, weil „HTML und CSS (im vollen Gegensatz bspw. zu JavaScript) so konzipiert sind, dass Browser, die ein bestimmtes Feature nicht verstehen, keinen Fehler werfen und ihren Dienst quittieren, sondern das Feature (sei es ein unbekanntes HTML-Element oder -Attribut, eine unbekannte CSS-Eigenschaft oder Wert) ignorieren und ihre Arbeit (d.h. die Darstellung der Webseite) fortsetzen.“ (yours truly)

Das heißt: wenn du

@supports (display: grid)
{
  foo { display: grid }
}

schreibst, ignorieren alte Browser den ganzen Block. Was nicht tragisch ist, da sie mit display: grid sowieso nichts anfangen können. Und da sie damit nichts anfangen können, ignorieren sie auch das; was bedeutet, dass du auch

foo { display: grid }

schreiben kannst, ohne das in @supports() zu kapseln.

LLAP 🖖