JSFiddle - React, Tailwind, and code Playground

by Takayoshi Kochi

HTML

<div xyz>
Contents is xyz
</div>
<div abc>
Contents is abc
</div>
<div attr="hoge">
    Contents is hoge
</div>
<div attr=moge>
    Contents is moge
</div>

CSS

div[xyz] {
    background-color: red;
}

div[abc] {
    background-color: yellow;
}

div[attr="hoge"] {
    color: blue;
    font-weight: bold;
}