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

Popular posts from this blog

python - How to insert QWidgets in the middle of a Layout? -

python - serve multiple gunicorn django instances under nginx ubuntu -

module - Prestashop displayPaymentReturn hook url -