This vector shows what each class name can be separated with.
<style>0x0D
.x{color:red;}⟦0D⟧
</style>0x0D
<div id=x class="x$[chr]y">test</div>0x0D
window.getComputedStyle(x).color === 'rgb(255, 0, 0)' && log($[i])<style>0x0D
.x{color:red;}⟦0D⟧
</style>0x0D
<div id=x class="x0x09y">test</div>0x0D
<style>0x0D
.x{color:red;}⟦0D⟧
</style>0x0D
<div id=x class="x
y">test</div>0x0D
<style>0x0D
.x{color:red;}⟦0D⟧
</style>0x0D
<div id=x class="x0x0Cy">test</div>0x0D
<style>0x0D
.x{color:red;}⟦0D⟧
</style>0x0D
<div id=x class="x0x0Dy">test</div>0x0D
<style>0x0D
.x{color:red;}⟦0D⟧
</style>0x0D
<div id=x class="x y">test</div>0x0D
<style>0x0D
.x{color:red;}⟦0D⟧
</style>0x0D
<div id=x class="x"y">test</div>0x0D