JSFiddle - React, Tailwind, and code Playground

HTML

<br><a href="#" class="link_a">Текст ссылки 1</a>
<p class="com">Комментарий 1</p>

<br><a href="http://example.org">Текст ссылки 2</a>
<p class="com">Комментарий 2</p>
    
<br><a href="http://example.org">Текст ссылки 3</a>
<p class="com">Комментарий 3</p>

CSS

a + p {
    display: none;
}
a:hover + p {
    display: block;
}

.com 
{ 
margin-top: 0.1em;
margin-bottom: 0.1em;
font-size: 70%;
color:#ccc;
}

.link_a
{  

}