OLD | NEW |
---|---|
(Empty) | |
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> | |
OLD | NEW |