Как сделать подчеркивание ссылок если на неё нажали?

Question

[thesirvlad]

У меня есть страничка, на которой 3 ссылки.

Статистика
Турниры
Игры.

Если пользователь нажал на одну из ссылок, ему будет выдаваться информация и я хочу, чтобы когда он нажал - эта ссылка была подчёркнута до тех пор, пока он не нажмёт на другую или вообще выйдет на главную страницу.

Код:

<div class="container">
    <div class="bottom">
        <div>
            <a href="">Статистика</a>
            <a href="">Турниры</a>
            <a href="">Игры</a>
        </div>
    </div>
</div>

Comments

[Модератор]

thesirvlad дорогой пользователь, настоятельно рекомендуем еще раз обратить самое пристальное внимание на п. 3.1 регламента работы сервиса (и, в особенности, на его последний абзац). В противном случае, ваши вопросы будут удаляться по причине тег-спама, а систематические нарушения приведут к блокировке учетной записи.

[thesirvlad]

Модератор, хорошо, буду внимательнее

Answer 1

[Ilyas Sarsenbaev]

.bottom a:visited { 
    text-decoration: underline; 
}

Comments

[thesirvlad]

Не получается почему-то.

[Ilyas Sarsenbaev]

thesirvlad, После перехода по ссылке эта ссылка будет подчеркнутой или вы хотите пречеркнутый текст?

Answer 2

[Spartak (Web-StyleStudio)]

CSS, псевдо-классы:
:hover - наведено
:active - нажата и удерживается
:visited - ранее посешали

А подчеркнуть можно разными способами:
text-decoration: underline;
Или
border-bottom: 1px solid black;

В вашем случае

.bottom div a:hover, .bottom div a:active {
	text-decoration: underline;
}