JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="FilterMenu">
      <li class="AllCategories Active"><a href="/forums/categories"><span class="Sprite SpAllCategories"></span> Categories</a></li>       <li class="Discussions"><a class="" href="/forums/discussions"><span class="Sprite SpDiscussions"></span> Recent Discussions</a></li>
      <li class="Activities"><a class="" href="/forums/activity"><span class="Sprite SpActivity"></span> Activity</a></li>      <li class="Best"><a href="/forums/best"><span class="Sprite SpBestOf"></span> Best Of...</a></li>   </ul>

CSS

ul.FilterMenu {
    /* color: green; */
}

ul.FilterMenu li {
    /* color: yellow; */
}

ul.FilterMenu a {
    /* color: grey; */
}

ul.FilterMenu a:hover {
    /* color: orange; */
}