at-supports-043.html (1180B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 6 <title>CSS Conditional Test: Disjunction token `or` should not immediately precede its following opening paren.</title> 7 8 <link rel="author" title="Fabien Basmaison" href="https://arkhi.org/"> 9 <link rel="help" href="https://www.w3.org/TR/css3-conditional/#at-supports"> 10 <link rel="match" href="at-supports-001-ref.html"> 11 12 <meta name="flags" content="invalid"> 13 <meta name="assert" content="This tests that the `or` token requires at least one whitespace on its right hand. A string followed immediately by an opening paren is reserved for the functional notation syntax."> 14 15 <style> 16 div { 17 background-color: green; 18 height: 100px; 19 width: 100px; 20 } 21 22 @supports ( ( background-color: red ) or( background-color: green ) ) { 23 div { background-color: red; } 24 } 25 </style> 26 </head> 27 28 <body> 29 <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p> 30 <div></div> 31 </body> 32 </html>