at-supports-023.html (856B)
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="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 @media all { 17 @supports (width: 0)) {} 18 @supports (margin:0) { div { background-color:green !important; } } 19 } 20 div { background-color:red; } 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>