at-supports-003.html (733B)
1 <!doctype html> 2 <html> 3 <head> 4 <title>CSS Test (Conditional Rules): Support for @media within @supports</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 <style> 10 div { 11 background-color:red; 12 height:100px; 13 width:100px; 14 } 15 @supports (margin: 0) { 16 @media all{ 17 div { background-color:green; } 18 } 19 } 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>