OLD | NEW |
| (Empty) |
1 <!doctype html> | |
2 <html> | |
3 <head> | |
4 <style> | |
5 h1 { | |
6 font-size: 3em; | |
7 color: red; | |
8 -webkit-flow-into: article; | |
9 outline: 3px solid red; | |
10 margin-top: 0; | |
11 } | |
12 | |
13 #region1 { | |
14 -webkit-flow-from: article; | |
15 } | |
16 | |
17 @media screen and (min-width: 10px) { | |
18 | |
19 /* the outline should be green if media query is valid */ | |
20 h1 { | |
21 outline: 3px solid green; | |
22 } | |
23 | |
24 /* the title color should be green if media query is valid */ | |
25 @-webkit-region #region1 { | |
26 h1 { | |
27 color: green; | |
28 } | |
29 } | |
30 } | |
31 </style> | |
32 </head> | |
33 <body> | |
34 <div id="region1"></div> | |
35 <article> | |
36 <h1>The text color should be green and have a green outline.</h1> | |
37 </article> | |
38 </body> | |
39 </html> | |
OLD | NEW |