JSFiddle - React, Tailwind, and code Playground

HTML

<div title="foo">This div has a title.</div>
<div title="bar">This div has a title.</div>
<div class="blue">This div has blue text.</div>
<div>This div has no title.</div>

CSS

div.blue {
    color: blue;    
}

div[title='foo']:after {
     content: 'magic'   
}