| <!DOCTYPE html> | |
| <html> | |
| <style> | |
| #host1::x-foo { | |
| color: red; | |
| } | |
| </style> | |
| <div id="host1"></div> | |
| <script> | |
| var shadowRoot1 = host1.webkitCreateShadowRoot(); | |
| var div = document.createElement('div'); | |
| div.setAttribute('pseudo', 'x-foo'); | |
| div.appendChild(document.createTextNode('foo bar')); | |
| shadowRoot1.appendChild(div); | |
| </script> | |
| </html> |