The default to query for several alternative media features (OR) is the comma separated list:
@media (fu:bar), (foo:bar) { /* even IE6 */ }
The keyword or was added {*} to be more in line with the @supports syntax and is currently only supported in Firefox/60+ {**} -- and maybe Safari :-)
@media (fu:bar) or (foo:bar) { /* not even Canary/84 */ }
{*} there was a rendition of MQ Conditional Rules (aka MQ 3.1) that defines <media-or> and also lists or, and, not as invalid keywords for media types.
{} likely even FF/59 which added a buttload of new/enhanced CSS goodies; might have been behind a flag since Nightly/57. Currently I can only test 58 or** 60-esr 🙄
The default to query for several alternative media features (OR) is the comma separated list:
The keyword
orwas added {*} to be more in line with the@supportssyntax and is currently only supported in Firefox/60+ {**} -- and maybe Safari :-){*} there was a rendition of MQ Conditional Rules (aka MQ 3.1) that defines
<media-or>and also listsor, and, notas invalid keywords for media types.{} likely even FF/59 which added a buttload of new/enhanced CSS goodies; might have been behind a flag since Nightly/57. Currently I can only test 58 or** 60-esr 🙄