Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(153)

Unified Diff: LayoutTests/fast/regions/region-styling/region-style-rule-specificity.html

Issue 159933010: Remove everything region-specific from LayoutTests. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Created 6 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
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>

Powered by Google App Engine
This is Rietveld 408576698