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