@media rules

nested rules and Parse Errors... part 3

chaotic test page
#09
30.mar.2005
rev: 24.oct.2005

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;}

Notes:

Testing how browsers recovers from parse errors caused by nested @media rules.

tested browsers:

Opera:
win2K: 7.22, 7.50, 7.54
win2K: 9.0 preview 1 (see: corrections)
Mac OS-X: 7.54
Moz:
win2K: 1.4, 1.7.2
FF:
win2K: (0.6), 0.8, 1.0
Mac OS-X: 1.0
Safari:
Mac OS-X: 1.2.4
IE:
win2K: 5.0, 6.0
Mac OS-X: 5.2
Netscape (Moz):
win2K: 7.2(Moz 1.7.2)

go to test-menu