Wed, 31 Dec 2014 07:16:47 +0100
Revert simplistic fix pending revisit of Mozilla integration attempt.
1 <!doctype html>
2 <html>
3 <head>
4 <title>CSS Test (Conditional Rules): Incorrect syntax in nested @supports recovers properly</title>
5 <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com">
6 <link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
7 <link rel="match" href="at-supports-001-ref.html">
8 <meta name="flags" content="invalid">
9 <style>
10 div {
11 background-color:red;
12 height:100px;
13 width:100px;
14 }
15 @media all {
16 @supports (width: 0)) {}
17 @supports (margin:0) { div { background-color:green !important; } }
18 }
19 div { background-color:red; }
20 </style>
21 </head>
22 <body>
23 <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
24 <div></div>
25 </body>
26 </html>