[CSS Regions] In region styling (@-webkit-region) the position for CSS rules is incor...
[WebKit-https.git] / LayoutTests / fast / regions / region-style-rule-position.html
1 <!doctype html>
2 <html>
3         <head>
4                 <style>
5                 p {
6                         margin: 0;
7                 }
8                 p.body {
9                         background-color: red;
10                 }
11                 p.body {
12                         background-color: lime;
13                 }
14
15                 .content {
16                         -webkit-flow-into: f;
17                 }
18                 #r {
19                         -webkit-flow-from: f;
20                         margin-top: 1em;
21                         width: 10em;
22                         height: 10em;
23                         background-color: lightgray;
24                 }
25
26                 @-webkit-region #r {
27                         * {
28                                 background-color: blue;
29                         }
30                         p.region, #para {
31                                 background-color: red;
32                         }
33                         #para {
34                                 background-color: red;
35                         }
36                 }
37                 @-webkit-region #r {
38                         p.region, #para {
39                                 background-color: lime;
40                         }
41                 }
42                 </style>
43         </head>
44         <body>
45                 <p class='body'>Text that is not flowed - should be green</p>
46                 <div class='content'>
47                         <p class='region'>Paragraph that *is* flowed - should be green, too</p>
48                         <p id='para'>Paragraph that *is* flowed - should be green, too</p>
49                 </div>
50
51                 <div id='r'/></div>
52         </body>
53 </html>