Index: LayoutTests/fast/regions/style-scoped/style-scoped-in-flow-override-region-styling.html |
diff --git a/LayoutTests/fast/regions/style-scoped/style-scoped-in-flow-override-region-styling.html b/LayoutTests/fast/regions/style-scoped/style-scoped-in-flow-override-region-styling.html |
deleted file mode 100644 |
index b1f7fbfc7724fb2d9bff20b8fb5e755b44b3bc10..0000000000000000000000000000000000000000 |
--- a/LayoutTests/fast/regions/style-scoped/style-scoped-in-flow-override-region-styling.html |
+++ /dev/null |
@@ -1,112 +0,0 @@ |
-<!doctype html> |
-<html> |
-<head> |
- <style> |
- body { |
- font-family: monospace; |
- } |
- p { |
- margin: 0; |
- } |
- |
- .container { |
- width: 13em; |
- height: 10em; |
- background-color: lightgray; |
- } |
- |
- #f1 { |
- -webkit-flow-into: flow1; |
- } |
- #r1 { |
- -webkit-flow-from: flow1; |
- } |
- @-webkit-region #r1 { |
- .c1 { |
- background-color: lime; |
- } |
- #p1 { |
- background-color: green; |
- } |
- } |
- |
- #f2 { |
- -webkit-flow-into: flow2; |
- } |
- #r2 { |
- -webkit-flow-from: flow2; |
- } |
- @-webkit-region #r2 { |
- p { |
- background-color: lightgreen; |
- } |
- } |
- |
- #f3 { |
- -webkit-flow-into: flow3; |
- } |
- #r3 { |
- -webkit-flow-from: flow3; |
- } |
- @-webkit-region #r3 { |
- p { |
- background-color: yellow; |
- } |
- .c3 { |
- background-color: orange; |
- } |
- #p3 { |
- background-color: red; |
- } |
- } |
- </style> |
-</head> |
-<body> |
- <div id='f1'> |
- <style scoped='true'> |
- p { |
- background-color: lightgreen; |
- } |
- </style> |
- <p>Styled line of text</p> |
- <p class='c1'>Styled line of text</p> |
- <p id='p1'>Styled line of text</p> |
- </div> |
- <div id='f2'> |
- <style scoped='true'> |
- .c2 { |
- background-color: lime; |
- } |
- #p2 { |
- background-color: green; |
- } |
- </style> |
- <p>Styled line of text</p> |
- <p class='c2'>Styled line of text</p> |
- <p id='p2'>Styled line of text</p> |
- </div> |
- <div id='f3'> |
- <style scoped='true'> |
- p { |
- background-color: lightgreen; |
- } |
- .c3 { |
- background-color: lime; |
- } |
- #p3 { |
- background-color: green; |
- } |
- </style> |
- <p>Styled line of text</p> |
- <p class='c3'>Styled line of text</p> |
- <p id='p3'>Styled line of text</p> |
- </div> |
- |
- Partial overlap, @region more specific than <style scoped> (@region style has rules for class and id, scoped style has rule for <p>) |
- <div class='container' id='r1'></div> |
- Partial overlap, <style scoped> more specific than @region (@region style has rule for <p>, scoped style has rules for class and id) |
- <div class='container' id='r2'></div> |
- Overlap, @region and <style scoped>using the same selectors (both @region and scoped style have rules for <p>, class and id) |
- <div class='container' id='r3'></div> |
-</body> |
-</html> |