at-supports-025.html (848B)
1 <!doctype html> 2 <html> 3 <head> 4 <title>CSS Test (Conditional Rules): Incorrect syntax in @supports recovers properly</title> 5 <link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> 6 <link rel="author" href="http://opera.com" title="Opera Software ASA"> 7 <link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports"> 8 <link rel="match" href="at-supports-001-ref.html"> 9 <meta name="flags" content="invalid"> 10 <style> 11 div { 12 background-color:red; 13 height:100px; 14 width:100px; 15 } 16 @supports ((margin:0) and [padding:0]) { 17 div { background-color:red !important; } 18 } 19 @supports (margin:0) { div { background-color:green; } } 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>