at-supports-016.html (882B)
1 <!doctype html> 2 <html> 3 <head> 4 <title>CSS Test (Conditional Rules): In @supports, parens are required to mix conjunctions with disjunctions</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) { div { background-color:green; } } 17 @supports ((margin: 0) and (display: inline) or (width:1em)) { 18 div { background-color:red; } 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>