<!DOCTYPE html> | |
<script src="../../resources/run-after-layout-and-paint.js"></script> | |
<style> | |
.a.b .c { | |
fill: red; | |
} | |
.a .c { | |
fill: green; | |
} | |
</style> | |
<svg width="50" height="50"> | |
<use xlink:href="#main"></use> | |
</svg> | |
<svg id="main" width="100" height="100" class="a b"> | |
<g> | |
<use xlink:href="#r"></use> | |
</g> | |
<defs> | |
<rect id="r" class="c" x="0" y="0" width="100" height="100"></rect> | |
</defs> | |
</svg> | |
<script> | |
runAfterLayoutAndPaint(function() { | |
main.classList.remove('b'); | |
}, true); | |
</script> |