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 title="red">This div has a title.</div>
<div title="blue">This div has a title.</div>

CSS

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