JSFiddle - React, Tailwind, and code Playground

HTML

<ol>
    <li>First</li>
    <li>Second</li>
    <li>Third</li>
</ol>

CSS

ol {
    list-style-type: decimal-leading-zero;
}

li > span {
    display:none;
}

li:hover > span {
    display:inline;
}

li > span:hover {
    color:red;
}

li > span:active {
    color:blue;
}

JavaScript

$('ol > li').append('<span> + More info</span>');