Как сделать так, что бы ссылка оставалась такой после нажатия на неё?

Question

[Lost Life]

Я начинающий, и не понимаю как сделать так, что бы данная ссылка после нажатия на неё с чёрной, как и остальные, стала вот такой и так и оставалась.

Answer 1

[AVS85 S]

я у себя решил вопрос так для табов
jQuery:
$('.contentMenu a').on('click', function(){
$('.contentMenu a').removeClass('active');
$(this).addClass('active');
})

CSS:
.active {
color:#fff;
.......
}

скорее всего есть варик проще :)

Answer 2

[Артем Кондрацкий]

С помощью JS отслеживать кли по ссылке, если был клик - добавить класс active, при клике на другую удалять класс с предыдущей ссылки и добавлять на только что нажатую.

Дальше в css оформляете класс active для ссылки.

Answer 3

[Даниил Маслов]

htmlbook.ru/css/visited

Comments

[Lost Life]

Вот что получается:
https://codepen.io/anon/pen/axoXxv

[Евгений]

Lost Life, потому что все 3 ссылки ведут в одно место, арбуз их видит как одинаковые)
Добавте к # например циры, т.е. htef=#1, href=#2...

[Евгений]

Lost Life, https://codepen.io/anon/pen/oOvVGo

Answer 4

[ReActor Дмитрий Вершанский]

a:focus {
color: orange;
text-decoration: underline;
}

Comments

[Lost Life]

Получается так, что если я жму на другой, к примеру блок, то эффект пропадает, а мне нужно что бы он оставался.
https://codepen.io/anon/pen/BEBbNO

[ReActor Дмитрий Вершанский]

Lost Life, js тогда нужен

[Lost Life]

Дмитрий HunteR, Спасибо.

[ReActor Дмитрий Вершанский]

Lost Life, Пожалуйста

Answer 5

[Арсений Матыцин]

Я так подозреваю, что это табы. Для табов надо использовать JS и навешивать класс, к примеру .active на табу.

Answer 6

[Борис Свиридов]

я так понимаю что у тебя активная ссылка была так визуализированна либо когда ты переходишь по этой ссылки а потом обратно на главную что у тебя эта ссылка была этого цвета?