JSFiddle - React, Tailwind, and code Playground

HTML

<a default="YES" mouseover="NO" id="test1"></a>

CSS

a {
    font-size: 3em;
}
a:after {
    content: attr(default);
}
a:hover:after {
    content: attr(mouseover);    
}