| <!DOCTYPE html> | |
| <title>@scope - Shadow DOM with shared style data</title> | |
| <style> | |
| div { | |
| padding: 3px; | |
| border: 1px solid; | |
| background: red; | |
| } | |
| .blue { | |
| background: blue; | |
| } | |
| .green { | |
| background: green; | |
| } | |
| </style> | |
| <div><div class="blue"></div></div> | |
| <div><div class="green"></div></div> | |
| <div><div class="blue"></div></div> | |
| <div><div class="green"></div></div> |