Opera, Moz/FF, Safari, IEwin, IEMac- Test 1: black or red
Opera, Moz/FF, IEwin- Test 2: black or magenta
Opera - Test 3: black or blue
Opera, Moz/FF, IEwin- Test 4: black or brown
IEwin- Test 5: black or green
Opera, Moz/FF, Safari, IEwin- Test 6: black or cyan
Opera (mediaquery)- Test 7: black or blue
Opera, Moz/FF, 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;}
html>body 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;}
* html p#test5 {color: green;}
li {text-indent: 0;}
}
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;}
html>body p#test7 {color: blue;}
li {text-indent: 0;}
}
li {text-indent: 0;}
@media screen {
li {text-indent: 0;}
html>body p#test8 {color: red;}
li {text-indent: 0;}
}
li {text-indent: 0;}
Testing how browsers recovers from parse errors caused by nested @media rules.