При нажатии на ссылку, в новой окне она была активной. Как это сделать?

Question

[Андрей Dobrin]

У меня есть три ссылки:
Меню
Главная
Реклама
Их начальные стили:

a{
color: black;
text-decoration: none;
text-transform: uppercase;
}

Я хочу, чтоб при нажатии на них, открывалось соотвествующее ссылке окно, но чтоб там уже она выглядела как активная, будто у нее такие стили:

a{
color: red;
text-decoration: none;
text-transform: uppercase;
}

Answer 1

[Andrew]

Создаёшь любой класс, даёшь его нужной ссылке, в каждом окне.

a.active {
color: red;
text-decoration: none;
text-transform: uppercase;
}

для первой страницы:

<a href='1.html' class="active">Первая</a>
<a href='2.html' class="">Вторая</a>
<a href='3.html' class="">Третья</a>

Для второй

<a href='1.html' class="">Первая</a>
<a href='2.html' class="active">Вторая</a>
<a href='3.html' class="">Третья</a>

и т.п.
Можешь попробовать через js, чтобы подбиралось откуда-то(атрибут, название) и сверялось с названием ссылки и присваивало ему нужный класс(оформление), но что-то мне подсказывает, что ручками, через CSS попроще будет.

Comments

[Андрей Dobrin]

Если честно, то ответ просто очень простой. Спасибо большое, у меня была такая мысля в голове, но я все равно его на js через cassList прописывал или через className. Все равно, огромное спасибо!

Answer 2

[Валерий Гутин]

htmlbook.ru/css/active

Comments

[Андрей Dobrin]

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