Выделение активной вкладки - CSS

Question

У меня есть небольшая настройка навигации с вкладками с использованием CSS.При наведении курсора мыши на вкладки цвет меняется, отлично.Однако, когда я нажимаю на вкладку и она переходит на соответствующую страницу, я бы хотел, чтобы эта вкладка (активная вкладка?) Оставалась выделенной, указывая текущую страницу.

В настоящее время я делаю это, используя класс (.currenttab), а затем используя этот класс в каждом HTML-файле.Я не использую:

active

Есть ли способ для меня использовать active, а не использовать класс в каждом отдельном HTML-файле, или то, что я делаю правильно?

Заранее благодарю вас.

Answer 1

То, что вы делаете, правильно.Тот Самый :активный псевдоселектор означает нечто другое - событие активации элемента управления (т.е. время между нажатием пользователем кнопки мыши и ее отпусканием).

Правильный путь - использовать класс для обозначения выбранного элемента.

Answer 2

Это далеко от идеала, но если вы присвоите каждой странице и каждой вкладке идентификатор, вы сможете определить выделение в css вместо html.Я наткнулся на полное объяснение, просматривая активный атрибут:

Выделение текущей страницы с помощью CSS

Сайт, который я разработал с помощью этой техники (страницы, а не вкладки)

Answer 3

Вот еще несколько примеров демо-версия brainjar
Больше от Мозговой удар