JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="nav">
    <li>
        <a href="software.html">
            <span class="icon-macintosh" style="vertical-align: middle"></span>SOFTWARE</a>
    </li>
    <li>
        <a href="frameworks.html">
            <span class="icon-painting-roll-streamline" style="vertical-align: middle"></span>FRAMEWORKS</a>
    </li>
    <li>
        <a href="lang.html">
            <span class="icon-ink-pen-streamline" style="vertical-align: middle"></span>LANGUAGES</a>
    </li>
</ul>

CSS

.pure-menu-selected a {color:green}

JavaScript

$('.nav li').filter(function(){
   var page = $(this).children('a').attr('href');
   var url = "software.html"
   return (url===page);
}).addClass('pure-menu-selected');