JSFiddle - React, Tailwind, and code Playground

HTML

<div id='10305a09-55f0-4a3c-a710-2f0449ae7d44'>not work</div>

<div id='f9392ae0-954a-4d87-baf6-127d9c253877'>works</div>

CSS

#10305a09-55f0-4a3c-a710-2f0449ae7d44
{
    border:1px solid red;
    width: 100px;
    height:20px;
}

#f9392ae0-954a-4d87-baf6-127d9c253877
{
    border:1px solid red;
    width: 100px;
    height:20px;
}