| 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 |