third_party/WebKit/LayoutTests/fast/media/media-query-and.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <title>CSS Media Queries: tokenizing "and"</title>
   5   <link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#syntax" />
   6   <style type="text/css">
   7     div {
   8       width: 150px;
   9       height: 50px;
  10       background-color: red;
  11     }
  12     #t1 { background-color: green; }
  13     @media all and(color) { #t1 { background-color: red; } }
  14     @media all and/**/(color) { #t2 { background-color: green; } }
  15     @media all and (color) { #t3 { background-color: green; } }
  16   </style>
  17 </head>
  18 <body>
  19   <p>You should see a green square below.</p>
  20   <div id="t1"></div>
  21   <div id="t2"></div>
  22   <div id="t3"></div>
  23 </body>
  24 </html>