<!DOCTYPE html>
<script src="resources/text-based-repaint.js" type="text/javascript"></script>
<script>
function repaintTest()
{
     document.getElementById('q1').className = 'q-unchanged';
     document.getElementById('q2').className = 'q-changed';
}
window.onload = runRepaintTest;
</script>
<style>
.q {
    quotes: '<' '>';
}
.q-changed {
    quotes: '{' '}';
}
.q-unchanged {
    quotes: '<' '>';
}
</style>
<div><q id="q1" class="q">quote 1</q></div>
<div><q id="q2" class="q">quote 2</q></div>