JSFiddle - React, Tailwind, and code Playground

by Dineshkani

HTML

<div id="hello" value='new'>
    <span id="desc">Examples</span>
</div>
<div value='new-old'>In selects this because it contains the attribute value is starting with new and immediately have (-) symbol</div><br/>
<div value='newold'>It does not select because it starting with new but not followed by (-)</div><br/>

CSS

div[value |= new]{
    font-size: 30px;
}