Установить выбранный пункт меню в HTML/CSS

Question

У меня 3 ссылки. Когда пользователь нажимает на 1-ю ссылку (EQUIP1), мне нужно показать ее как посетившую. Затем оставшиеся две ссылки показываются как не посещенные. Затем, когда пользователь выбирает вторую ссылку (EQUIP2), оставшиеся две ссылки должны отображаться как не посещенные. Я согласен, если вы измените цвет шрифта, чтобы подписать, что это текущая ссылка.

<tr align="center"> 
    <td class="mainTBSectionTab">             
    <a href="...">EQUIP1</a> 
    </td> 
    <td class="mainTBSectionTab">                      
    <a href="...">EQUIP2</a> 
    </td>  
    <td class="mainTBSectionTab">            
    <a href="...">EQUIP3</a> 
    </td> 
</tr> 

Answer 1

на основе информации, представленные вами и если вы используете статические страницы, которые вы могли бы дать активной ссылке каждой страницы на .selected класс.

основан на том, что вы хотите, вы можете иметь стиль по умолчанию, как этот

.mainTBSectionTab 
    color: #000 
    text-decoration: none 

.mainTBSectionTab.selected 
    text-decoration: underline 

Тогда ваш HTML файл для equip1.html будет выглядеть следующим образом

<tr align="center"> 
    <td class="mainTBSectionTab selected">             
     <a href="...">EQUIP1</a> 
    </td> 
    <td class="mainTBSectionTab">                      
     <a href="...">EQUIP2</a> 
    </td>  
    <td class="mainTBSectionTab">            
     <a href="...">EQUIP3</a> 
    </td> 
</tr> 

На других страницах будут применяться .selected класс по соответствующим ссылкам для имитации эффекта выбранной ссылки