Wed, 31 Dec 2014 07:16:47 +0100
Revert simplistic fix pending revisit of Mozilla integration attempt.
michael@0 | 1 | <!doctype html> |
michael@0 | 2 | <style> |
michael@0 | 3 | span { |
michael@0 | 4 | width: 50px; height: 50px; margin: 5px; |
michael@0 | 5 | display: inline-block; background-color: red; |
michael@0 | 6 | } |
michael@0 | 7 | |
michael@0 | 8 | /* A semicolon at the top level of a @media block should not cause the |
michael@0 | 9 | whole @media block to be invalidated; in particular, valid rules |
michael@0 | 10 | either before or after it should not be discarded. (But a rule |
michael@0 | 11 | immediately after the semicolon is consumed by error recovery.) */ |
michael@0 | 12 | @media screen { |
michael@0 | 13 | #a { background-color: green } |
michael@0 | 14 | ; |
michael@0 | 15 | } |
michael@0 | 16 | @media screen { |
michael@0 | 17 | #b { background-color: green } |
michael@0 | 18 | ; |
michael@0 | 19 | #b { background-color: yellow } |
michael@0 | 20 | #c { background-color: green } |
michael@0 | 21 | } |
michael@0 | 22 | |
michael@0 | 23 | /* A stray close curly brace in the middle of a selector should not |
michael@0 | 24 | be treated as a resynchronization point, however. */ |
michael@0 | 25 | #d { background-color: green } |
michael@0 | 26 | badselector( } #d { background-color:red } ) {} |
michael@0 | 27 | #e { background-color:green } |
michael@0 | 28 | |
michael@0 | 29 | </style> |
michael@0 | 30 | <span id="a"></span> |
michael@0 | 31 | <span id="b"></span> |
michael@0 | 32 | <span id="c"></span> |
michael@0 | 33 | <span id="d"></span> |
michael@0 | 34 | <span id="e"></span> |