Search code examples
htmlcssw3cmedia-queries

Exact NOT(Inverse) of CSS Media Query


What is the exact "NOT" of the following CSS media query ?

@media only screen and (device-width:768px)

Just to add, it would mean..All EXCEPT iPAD...OR.....NOT iPAD..

and BTW...I have already tried

@media not only screen and (device-width:768px)

which does not work..


Solution

  • @media not screen and (device-width:768px)
    

    not and only are mutually exclusive in media queries; only is needed only to work around some downrev UAs who implement the HTML4 algorithm for media strings, so when the query starts with not the only is pointless.