| Index: LayoutTests/fast/media/media-query-and.html
|
| diff --git a/LayoutTests/fast/media/media-query-and.html b/LayoutTests/fast/media/media-query-and.html
|
| index 07a1706b2fd4b3526ed62b62fef1e874e496c5c8..1aa68ca0a46ef4031ddf303a47fe2fbe1e225724 100644
|
| --- a/LayoutTests/fast/media/media-query-and.html
|
| +++ b/LayoutTests/fast/media/media-query-and.html
|
| @@ -3,22 +3,33 @@
|
| <head>
|
| <title>CSS Media Queries: tokenizing "and"</title>
|
| <link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#syntax" />
|
| + <link rel="help" href="http://www.w3.org/Style/2012/REC-mediaqueries-20120619-errata.html">
|
| <style type="text/css">
|
| div {
|
| width: 150px;
|
| height: 50px;
|
| background-color: red;
|
| }
|
| - #t1 { background-color: green; }
|
| + #t1, #t2, #t6 { background-color: green; }
|
| @media all and(color) { #t1 { background-color: red; } }
|
| - @media all and/**/(color) { #t2 { background-color: green; } }
|
| + @media all and/**/(color) { #t2 { background-color: red; } }
|
| @media all and (color) { #t3 { background-color: green; } }
|
| + @media all and/**/ (color) { #t4 { background-color: green; } }
|
| + @media all and /**/(color) { #t5 { background-color: green; } }
|
| + @media all/**/and (color) { #t6 { background-color: red; } }
|
| + @media all /**/and (color) { #t7 { background-color: green; } }
|
| + @media all/**/ and (color) { #t8 { background-color: green; } }
|
| </style>
|
| </head>
|
| <body>
|
| - <p>You should see a green square below.</p>
|
| + <p>You should see a green rectangle below.</p>
|
| <div id="t1"></div>
|
| <div id="t2"></div>
|
| <div id="t3"></div>
|
| + <div id="t4"></div>
|
| + <div id="t5"></div>
|
| + <div id="t6"></div>
|
| + <div id="t7"></div>
|
| + <div id="t8"></div>
|
| </body>
|
| </html>
|
|
|