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