| Index: LayoutTests/fast/regions/region-styling/region-style-rule-specificity.html
|
| diff --git a/LayoutTests/fast/regions/region-styling/region-style-rule-specificity.html b/LayoutTests/fast/regions/region-styling/region-style-rule-specificity.html
|
| deleted file mode 100644
|
| index 0160da50b3d37207e431fd6a813bfe8b6b811993..0000000000000000000000000000000000000000
|
| --- a/LayoutTests/fast/regions/region-styling/region-style-rule-specificity.html
|
| +++ /dev/null
|
| @@ -1,143 +0,0 @@
|
| -<!doctype html>
|
| -<html>
|
| - <head>
|
| - <style>
|
| - body {
|
| - font-family: monospace;
|
| - font-size: 1em;
|
| - }
|
| - p {
|
| - margin: 0;
|
| - line-height: 1em;
|
| - }
|
| - .container {
|
| - background-color: lightgray;
|
| - width: 15em;
|
| - height: 5em;
|
| - }
|
| - /* selector specificity
|
| - #id => 100
|
| - .class => 10
|
| - element => 1
|
| - */
|
| - /*
|
| - selector position
|
| - in style="" attribute
|
| - in <style/> element / external file
|
| - */
|
| -
|
| - /* Testing selector specificity is respected in @region style blocks */
|
| - #f1 {
|
| - -webkit-flow-into: flow1;
|
| - }
|
| - #r1 {
|
| - -webkit-flow-from: flow1;
|
| - }
|
| - @-webkit-region #r1 {
|
| - * {
|
| - background-color: yellow;
|
| - }
|
| - p {
|
| - background-color: lightgreen;
|
| - }
|
| - .cr1 {
|
| - background-color: lime;
|
| - }
|
| - #p1 {
|
| - background-color: green;
|
| - }
|
| - }
|
| -
|
| - /* Testing selector position is respected in @region style blocks */
|
| - #f2 {
|
| - -webkit-flow-into: flow2;
|
| - }
|
| - #r2 {
|
| - -webkit-flow-from: flow2;
|
| - }
|
| - @-webkit-region #r2 {
|
| - p, .cr21, #p2 {
|
| - background-color: red;
|
| - }
|
| - }
|
| - @-webkit-region #r2 {
|
| - p {
|
| - background-color: lightgreen;
|
| - }
|
| - .cr22 {
|
| - background-color: lime;
|
| - }
|
| - #p2 {
|
| - background-color: green;
|
| - }
|
| - }
|
| -
|
| - /* More specific selector in flowed content than in @region style */
|
| - .c3 {
|
| - background-color: lime;
|
| - }
|
| - #p31, #p32 {
|
| - background-color: lime;
|
| - }
|
| - #f3 {
|
| - -webkit-flow-into: flow3;
|
| - }
|
| - #r3 {
|
| - -webkit-flow-from: flow3;
|
| - }
|
| - @-webkit-region #r3 {
|
| - p, .cr3 {
|
| - background-color: red;
|
| - }
|
| - }
|
| -
|
| - /* Flowed content has style attribute */
|
| - #f4 {
|
| - -webkit-flow-into: flow4;
|
| - }
|
| - #r4 {
|
| - -webkit-flow-from: flow4;
|
| - }
|
| - @-webkit-region #r4 {
|
| - p, #p4, .cr4 {
|
| - background-color: red;
|
| - }
|
| - }
|
| - </style>
|
| - </head>
|
| - <body>
|
| - <!-- Flowed content -->
|
| - <div id='f1'>
|
| - <p>Plain paragraph</p>
|
| - <p class='cr1'>Styled with class</p>
|
| - <p id='p1'>Styled with ID</p>
|
| - </div>
|
| - <div id='f2'>
|
| - <p>Plain paragraph</p>
|
| - <p class='cr21 cr22'>Styled with class</p>
|
| - <p id='p2'>Styled with ID</p>
|
| - </div>
|
| - <div id='f3'>
|
| - <p class='c3'>Class in content</p>
|
| - <p id='p31'>ID in content</p>
|
| - <p class='cr3' id='p32'>ID in content</p>
|
| - </div>
|
| - <div id='f4'>
|
| - <p style='background-color: lime;' >Element style in region</p>
|
| - <p style='background-color: lime;' id='p2'>ID style in region</p>
|
| - <p style='background-color: lime;' class='cr2'>Class in region</p>
|
| - </div>
|
| -
|
| - <!-- Regions -->
|
| - <h1>Testing CSS selectors specificity/position is respected when using @region styling</h1>
|
| -
|
| - Selector specificity in @region rule
|
| - <div class='container' id='r1'></div>
|
| - Selector position in @region rule
|
| - <div class='container' id='r2'></div>
|
| - More specific selector in flowed content
|
| - <div class='container' id='r3'></div>
|
| - Style attribute in flowed content
|
| - <div class='container' id='r4'></div>
|
| - </body>
|
| -</html>
|
|
|