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): non-matching @media within @supports should not apply</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="">
9 <style>
10 div {
11 background-color:red;
12 height:100px;
13 width:100px;
14 }
15 @supports (margin:0) { div { background-color:green; } }
16 @supports (margin: 0) {
17 @media not all {
18 div { background-color:red; }
19 }
20 }
21 </style>
22 </head>
23 <body>
24 <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
25 <div></div>
26 </body>
27 </html>