JSFiddle - React, Tailwind, and code Playground

HTML

<p><span>First text here!</span></p>

CSS

p:hover span {
    display:none
}
p:hover:before {
    content:"Second text here!";
    color:red;
}