OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>Shadow DOM: CSS Style Rule cascading</title> | 4 <title>Shadow DOM: CSS Style Rule cascading</title> |
5 <meta name="author" title="Takayoshi Kochi" href="mailto:kochi@google.com"> | |
6 <meta name="assert" content="Cascading order test for style rules from various s
hadow trees."> | 5 <meta name="assert" content="Cascading order test for style rules from various s
hadow trees."> |
7 <link rel="help" href="https://github.com/w3c/webcomponents/blob/gh-pages/propos
als/Shadow-DOM-Cascade-Order.md"> | 6 <link rel="author" title="Takayoshi Kochi" href="mailto:kochi@google.com"> |
8 <script src="../../../../resources/testharness.js"></script> | 7 <link rel="help" href="https://drafts.csswg.org/css-scoping-1/#shadow-cascading"
> |
9 <script src="../../../../resources/testharnessreport.js"></script> | 8 <script src="../../../resources/testharness.js"></script> |
| 9 <script src="../../../resources/testharnessreport.js"></script> |
10 </head> | 10 </head> |
11 <body> | 11 <body> |
12 <div id="log"></div> | 12 <div id="log"></div> |
13 <script> | 13 <script> |
14 | 14 |
15 // Taken from the example in | 15 // Taken from the example in |
16 // https://github.com/w3c/webcomponents/blob/gh-pages/proposals/Shadow-DOM-Casca
de-Order.md | 16 // https://github.com/w3c/webcomponents/blob/gh-pages/proposals/Shadow-DOM-Casca
de-Order.md |
17 // https://github.com/w3c/webcomponents/issues/316 | 17 // https://github.com/w3c/webcomponents/issues/316 |
18 // https://github.com/w3c/webcomponents/blob/gh-pages/proposals/Shadow-DOM-Casca
de-Order-in-v1.md | 18 // https://github.com/w3c/webcomponents/blob/gh-pages/proposals/Shadow-DOM-Casca
de-Order-in-v1.md |
19 // with element renamed and style rule location changed. | 19 // with element renamed and style rule location changed. |
(...skipping 374 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
394 } | 394 } |
395 } | 395 } |
396 | 396 |
397 // Open or Closed should not make any difference in style application. | 397 // Open or Closed should not make any difference in style application. |
398 testCascadingOrderWith2LevelShadow('open'); | 398 testCascadingOrderWith2LevelShadow('open'); |
399 testCascadingOrderWith2LevelShadow('closed'); | 399 testCascadingOrderWith2LevelShadow('closed'); |
400 | 400 |
401 </script> | 401 </script> |
402 </body> | 402 </body> |
403 </html> | 403 </html> |
OLD | NEW |