OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script src="resources/shadow-dom.js"></script> | 4 <script src="resources/shadow-dom.js"></script> |
5 <style> | 5 <style> |
6 * /shadow-deep/ div { | 6 * /deep/ div { |
7 margin: 10px 10px 10px 10px; | 7 margin: 10px 10px 10px 10px; |
8 border: solid black; | 8 border: solid black; |
9 } | 9 } |
10 </style> | 10 </style> |
11 </head> | 11 </head> |
12 <body> | 12 <body> |
13 <script> | 13 <script> |
14 function text(contents) { | 14 function text(contents) { |
15 return document.createTextNode(contents); | 15 return document.createTextNode(contents); |
16 } | 16 } |
(...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
64 createDOM('content', {'select
': '#d-child-2'}), | 64 createDOM('content', {'select
': '#d-child-2'}), |
65 createDOM('div', {'id': 'd-4'
, 'class': 'foo'}, text('d-4'))), | 65 createDOM('div', {'id': 'd-4'
, 'class': 'foo'}, text('d-4'))), |
66 createDOM('div', {}, text('Should not b
e selected')), | 66 createDOM('div', {}, text('Should not b
e selected')), |
67 createDOM('div', {'class': 'foo'}, text
('d-5')))), | 67 createDOM('div', {'class': 'foo'}, text
('d-5')))), |
68 createDOM('div', {'id': 'd-child-1', 'class': 'foo'}, text('d-chil
d-1')), | 68 createDOM('div', {'id': 'd-child-1', 'class': 'foo'}, text('d-chil
d-1')), |
69 createDOM('div', {'class': 'foo'}, text('should-not-be-selected'))
, | 69 createDOM('div', {'class': 'foo'}, text('should-not-be-selected'))
, |
70 createDOM('div', {'id': 'd-child-2', 'class': 'foo'}, text('d-chil
d-2')))); | 70 createDOM('div', {'id': 'd-child-2', 'class': 'foo'}, text('d-chil
d-2')))); |
71 </script> | 71 </script> |
72 </body> | 72 </body> |
73 </html> | 73 </html> |
OLD | NEW |