blob: b785f3868df7820dffeb9f1df24f98343bfadc4c [file] [log] [blame]
dino@apple.com81065d82014-10-09 22:34:14 +00001<!doctype html>
2<html>
3 <head>
4 <title>CSS Test (Conditional Rules): Conjunctions with more than two terms in @supports should work</title>
5 <link rel="author" title="Florian Rivoal" href="mailto:florianr@opera.com">
6 <link rel="help" href="http://www.w3.org/TR/css3-conditional/#at-supports">
7 <link rel="match" href="at-supports-001-ref.html">
8 <meta name="flags" content="">
9 <style>
10 div {
11 background-color:red;
12 height:100px;
13 width:100px;
14 }
15 @supports ((margin: 0) and (background: blue) and (padding:inherit)) {
16 div { background-color:green; }
17 }
18 </style>
19 </head>
20 <body>
21 <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
22 <div></div>
23 </body>
24</html>