Opera, Moz/FF, Safari, IEwin, IEMac- Test 1: black or red
Opera, Moz/FF, Safari, IEwin- Test 2: black or magenta
Opera (mediaquery)- Test 3: black or blue
Opera, IEwin- Test 4: black or brown
Opera, IEwin- Test 5: black or green
IEwin- Test 6: black or cyan
Opera (mediaquery)- Test 7: black or blue
Opera, IEwin, Safari- Test 8: black or red
p#test1 {color: red;} @media screen { p#test2{color: magenta;} } @media screen and (min-width: 0px){ p#test3 {color: blue;} } @media screen { p#test4 {color: brown;} p#test5 {color: green;} /*\*//*/ } /**/ @media screen { p#test6 {color: cyan;} } @media screen and (min-width: 0px){ p#test7 {color: blue;} } @media screen { p#test8 {color: red;} }
Testing how browsers recovers from parse errors caused by broken @media rules.
last rev.: 24.oct.2005