Question

CSS:

// Highlight to show that the user is viewing current tab.    
// css for the active tab

.HeaderTabs li.tab a { 
   display: block;    //anchor tab 
   padding: 12px 8px 12px 8px;
}

.HeaderTabs li.tab a:link {
   outline: none;  //link works 
   text-decoration: none;
}

.HeaderTabs li.tab a:hover {  //this works hovering over the text
   color: #A4C639;
   font-weight: bold;
}

.HeaderTabs li.tab a:active { //this doesnt work 
   color: #A4C639;
   font-weight: bold;
}

Answer 1

:active selector comes in action when the element is active, for example when you keep an element clicked, the styles will apply, if you want to style your current active tab you need to use jQuery or server side programming for that, you can’t style your current active tab by just using :active selector

More Reference