I am trying to do something very simple... I want links with the class of PAGE-MENU-LINK to be always black which I succeeded in doing. I also want the link which leads to the page on which it is being viewed on to have a line through the middle. In this part, I partially succeeded... The link only has a line through it while I hold down the mouse over it. I want the link to have a line through the middle of it when you hold the button down, and after you click on the page... I would prefer to stick to just CSS and HTML and possibly Javascript... Please not PHP...

a.PAGE-MENU-LINK:current does not work the way I thought it would... I am using Pinegrow with Bootstrap

Here is my style.css

a.PAGE-MENU-LINK:active {
    text-decoration: line-through;
    //color: rgb(0, 0, 0);
}

a.PAGE-MENU-LINK:current {
    text-decoration: line-through;
    //color: rgb(0, 0, 0);
}

a.PAGE-MENU-LINK {
    text-decoration: none;
    color: rgb(0, 0, 0);
}

and here is my HTML

<a href="about.html" class="ACTIVE-MENU-LINK PAGE-MENU-LINK">ABOUT</a>

Thanks!