This one should not work, since normal browsers are not on a terminal-type screen.
@media (grid) {p#id1 {display: block} p#id2 {display: none;}}
This is p#id1. It shows grid returns true.
This is p#id2. It shows grid returns false.
This one should work, since normal browsers are not on a terminal-type screen.
@media not (grid) {p#id3 {display: block} p#id4 {display: none;}}
This is p#id3. It shows not (grid) returns true.
This is p#id4. It shows not (grid) returns false.
This one should work if browsers are either on a terminal screen or not. Always, in other words. But it doesn’t. It only works in Chrome. Not even in Safari.
@media (grid),not (grid) {p#id5 {display: block} p#id6 {display: none;}}
This is p#id5. It shows either (grid) or not (grid) returns true.
This is p#id6. It shows both (grid) and not (grid) return false.