.test-and-1, .test-and-2, .test-or-1, .test-or-2, .test-not-1, .test-not-2{ width:100px; height:100px; background:gray; } @supports(display:block)and (display:inline){ .test-and-1{ background:red; } } @supports(display:block)and(display:inline){ .test-and-2{ background:red; } } @supports(display:block)or (display:inline){ .test-or-1{ background:red; } } @supports(display:block)or(display:inline){ .test-or-2{ background:red; } } @supports not (display:wrong){ .test-not-1{ background:red; } } @supports not(display:wrong){ .test-not-2{ background:red; } }