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