Help

Help

Hi all,

This is my site nav HTML code --------------- which is included in header.php
                                
<section class="main-menu" id="menu">
      <nav class="desktop-menu">
            <ul>
                  <li class="font-icon"><a href="index.php" class="home">Home</a></li>
                  <li class="font-icon"><a href="blog.php"class="blog blog-mr">Blog</a></li>
                  <li class="font-icon"><a href="contact.php"class="contact">Contact</a></li>
            </ul>
      </nav>
</section>


CSS Code -----

.active{
background: none repeat scroll 0 0 #0e4684;
color: #fff;
}

Now I want when I click 'Home' the 'active' class is set there...
How I do this..?