JSFiddle - React, Tailwind, and code Playground

by jonathanmh

HTML

<div class="foo">
</div>

<div id="bar">
</div>

CSS

div[class="foo"] /* same as . */ {
    height: 100px;
    width: 100px;
    background: black;
}

div[id="bar"] /* same as # */ {
    height: 100px;
    width: 200px;
    background: magenta;
}