at-supports-004.html (814B)
1 <!doctype html> 2 <html> 3 <head> 4 <title>CSS Test (Conditional Rules): @supports within non-matching @media should not apply</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) { div { background-color:green; } } 16 @media not all { 17 @supports (margin: 0) { 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>