List active class test

Testing an active class for a list

HTML

<ul class="Menu">
	<li class="tab" style=""><a href="javascript:void(0)"  onclick="showContent(this,'tab1','tab1text')">Menu Item</a></li>
    <li class="tab" style=""><a href="javascript:void(0)"  onclick="showContent(this,'tab2','tab2text')">Menu item</a></li>
    <li class="tab" style=""><a href="javascript:void(0)"  onclick="showContent(this,'tab3','tab3text')">Menu Item</a></li>
	<li class="tab" style=""><a href="javascript:void(0)"  onclick="showContent(this,'tab4','tab4text')">Menu Item</a></li>
    </ul>

CSS

a:link{
	color: inherit;
	text-decoration: inherit;
}
a:visited{
	color: inherit;
}
a:active{
	color: inherit;
	}

.tab {
	color:;
	background-color:;
	font-family: 'Roboto', sans-serif;
    } 

.active {
	color: green;
    }

JavaScript

function showContent(obj, content, text)
    obj.className += " active";