at-supports-001.html (797B)
1 <!doctype html> 2 <head> 3 <title>CSS Test (Conditional Rules): Support for simple passing conditions in @supports</title> 4 <link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> 5 <link rel="author" href="http://opera.com" title="Opera Software ASA"> 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 <style> 9 div { 10 background-color:red; 11 height:50px; 12 width:100px; 13 } 14 @supports (margin: 0) { 15 .test1 { background:green; } 16 .test2 { background: red; } 17 } 18 .test2 { background: green; } 19 </style> 20 </head> 21 <body> 22 <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p> 23 <div class="test1"></div> 24 <div class="test2"></div> 25 </body> 26 </html>