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> |