CSS @supports: mixing "not" with "and" or "or" -
i serve portion of css browsers support "display: grid", not ie/ms edge. how mix positive , negative @support queries?
can write 'and not' or there similar notation? unfortunately following not work.
@supports not (-ms-ime-align:auto) , (display: grid) { display: none; }
you need set of parentheses surrounding not
expression:
@supports (not (-ms-ime-align: auto)) , (display: grid) { .example { display: none; } }
<p class=example>you using ie or microsoft edge, or different browser not support <code>display: grid</code>.
this make clear not
intended negate (-ms-ime-align: auto)
expression , not entire @supports
expression, endless source of confusion in media queries (in not
always negates entire media query, opposed 1 condition when combined more conditions using and
).
Comments
Post a Comment