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