JSFiddle - React, Tailwind, and code Playground
HTML
<div foo="bar"></div>
<div foo="baz"></div>
<div foo=""></div>
CSS
div
{
width:100px;
height:100px;
border:1px solid black;
}
div:not([foo=''])
{
background: red;
}
<div foo="bar"></div>
<div foo="baz"></div>
<div foo=""></div>
div
{
width:100px;
height:100px;
border:1px solid black;
}
div:not([foo=''])
{
background: red;
}