431948-1.html (813B)
1 <!doctype html> 2 <style> 3 span { 4 width: 50px; height: 50px; margin: 5px; 5 display: inline-block; background-color: red; 6 } 7 8 /* A semicolon at the top level of a @media block should not cause the 9 whole @media block to be invalidated; in particular, valid rules 10 either before or after it should not be discarded. */ 11 @media screen { 12 #a { background-color: green } 13 ; 14 } 15 @media screen { 16 #b { background-color: green } 17 #c { background-color: green } 18 } 19 20 /* A stray close curly brace in the middle of a selector should not 21 be treated as a resynchronization point, however. */ 22 #d { background-color: green } 23 badselector( } #d { background-color:red } ) {} 24 #e { background-color:green } 25 26 </style> 27 <span id="a"></span> 28 <span id="b"></span> 29 <span id="c"></span> 30 <span id="d"></span> 31 <span id="e"></span>