src/third_party/WebKit/LayoutTests/fast/regions/region-styling/region-rule-nested-region-rule.html

   1 <!doctype html>
   2 <html>
   3     <head>
   4         <style>
   5             h1 {
   6                 font-size: 3em;
   7                 color: blue;
   8                 -webkit-flow-into: article;
   9                 margin-top: 0;
  10             }
  11
  12             #region1 {
  13                 -webkit-flow-from: article;
  14             }
  15
  16             @-webkit-region #region1 {
  17                 h1 {
  18                     color: green;
  19                 }
  20                 @-webkit-region #region1{
  21                     h1 {
  22                         color: red;
  23                     }
  24                 }
  25             }
  26         </style>
  27     </head>
  28     <body>
  29         <div id="region1"></div>
  30         <article>
  31             <h1>The text color should be green.</h1>
  32         </article>
  33     </body>
  34 </html>