1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/css-parsing/at-rule-013.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,68 @@
1.4 +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
1.5 +<!--
1.6 + from the CSS 2.1 test suite,
1.7 + http://test.csswg.org/suites/css2.1/20110111/html4/at-rule-013.htm
1.8 +
1.9 + See ../css3-namespace/LICENSE .
1.10 + -->
1.11 +<html>
1.12 + <head>
1.13 + <title>CSS Test: Ignoring at-rules inside @media blocks</title>
1.14 + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
1.15 + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors">
1.16 + <link rel="help" href="http://www.w3.org/TR/CSS21/media.html#at-media-rule">
1.17 + <meta name="flags" content="invalid">
1.18 + <meta name="assert" content="At-rules inside @media blocks are ignored up to up to the end of the block that contains the invalid at-keyword, or up to and including the next semicolon (;) or up to and including the next block ({...}), whichever comes first.">
1.19 + <style type="text/css">
1.20 + p {
1.21 + color: red;
1.22 + background: red;
1.23 + }
1.24 + @media all {
1.25 + #semicolon { background: transparent; }
1.26 + @foo ] & | # $ % test-token \
1.27 + [; # { background: red; } ]
1.28 + (; #semicolon { background: red; } } } } )
1.29 + '; #semicolon { background: red; } } } }',
1.30 + "; #semicolon { background: red; }' } } }"
1.31 + ;
1.32 + #semicolon { color: green; }
1.33 + }
1.34 + @media all {
1.35 + #block { background: transparent; }
1.36 + @foo ] & | # $ % test-token \
1.37 + [; #block { background: red; } ]
1.38 + (; #block { background: red; } )
1.39 + '; #block { background: red; }',
1.40 + "; #block { background: red; }'"
1.41 + {; #block { background: red; }
1.42 + #block { background: red; } }
1.43 + #block { color: green; }
1.44 + }
1.45 + @media all {
1.46 + #eob { background: transparent; }
1.47 + @import "support/import-red.css"
1.48 + }
1.49 + #eob {
1.50 + color: green;
1.51 + }
1.52 + @media all {
1.53 + #eob-complex { background: transparent; }
1.54 + @import "support/import-red.css"
1.55 + [; #eob-complex { background: red; } ]
1.56 + (; #eob-complex { background: red; } )
1.57 + '; #eob-complex { background: red; }',
1.58 + "; #eob-complex { background: red; }'"
1.59 + }
1.60 + #eob-complex {
1.61 + color: green;
1.62 + }
1.63 + </style>
1.64 + </head>
1.65 + <body>
1.66 + <p id="semicolon">This sentence must be green.</p>
1.67 + <p id="block">This sentence must be green.</p>
1.68 + <p id="eob">This sentence must be green.</p>
1.69 + <p id="eob-complex">This sentence must be green.</p>
1.70 + </body>
1.71 +</html>
