JSFiddle - React, Tailwind, and code Playground

HTML

<div class="list-4">
      <h5><a href="/blblblb"><span>Баатар<span></a> Эсвэл <a href="#">Баатар</a></h5>
 </div>
     
     //  энэ нөхцөлд яах уу мөн # үед a hover дээр ямар нэгэн линк өнгө байхгүй

CSS

.list-4 a {
    color: blue;
}
.list-4 a[href^="#"],  .list-4 a[href^="#"]:hover{
    color: inherit;
    text-decoration: none;
}