@media rules

nested rules and Parse Errors...

chaotic test page
#01
16.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

IEwin - Test 3: black or blue

Moz/FF, IEwin- Test 4: black or brown

Opera, IEwin- Test 5: black or green

Moz/FF, Safari, IEwin- Test 6: black or cyan

none Opera (mediaquery)- Test 7: black or blue

Moz/FF, IEwin, Safari, Opera- Test 8: black or red

p#test1 {color: red;}

@media all {
p#test2{color: magenta;}
@media screen {
p#test3 {color: blue;}
}
}

@media all {
p#test4 {color: brown;}
@media screen {
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;}
}