title: how to add active css class to a link in Wordpress
body: <p>how to add active css class to a link in Wordpress such that the active menu li will have different color when that link is viewed.</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li class=""&gt;&lt;a href="/news"&gt;News&lt;/a&gt;&lt;/li&gt; 
    &lt;li class="devider"&gt;&amp;nbsp;&lt;/li&gt;
    &lt;li class=""&gt;&lt;a href="/about"&gt;About Us&lt;/a&gt;&lt;/li&gt; 
    &lt;li class="devider"&gt;&amp;nbsp;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;Partners&lt;/a&gt;&lt;/li&gt; 
    &lt;li class="devider"&gt;&amp;nbsp;&lt;/li&gt; 
    &lt;li&gt;&lt;a href="/vacancy"&gt;Careers&lt;/a&gt;&lt;/li&gt;  &lt;li class="devider"&gt;&amp;nbsp;&lt;/li&gt;
    &lt;li&gt;&lt;a target="_blank" href="/webmail"&gt;Email Login&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>