css - horizontal - nav html

Destacando una pestaña activa-CSS

Question

Tengo una pequeña configuración de navegación con pestañas usando CSS. Al pasar el cursor sobre las pestañas, el color cambia, genial. Sin embargo, cuando hago clic en una pestaña y navega a la página correspondiente, me gustaría que esa pestaña (¿la pestaña activa?) Permanezca resaltada, indicando la página actual.

Actualmente estoy haciendo esto usando una clase (.currenttab) y luego usando esta clase en cada archivo HTML. No estoy usando:

active

¿Hay alguna manera de usar activo, en lugar de usar una clase en cada archivo HTML individual, o lo que estoy haciendo es correcto?

Gracias de antemano.

Answer 1

Aquí hay algunos ejemplos más de brainjar Demo
Más de Brainjar

Answer 2

Está lejos de ser ideal, pero si le das a cada página y cada pestaña una identificación, puedes definir el resaltado en css en lugar de html. Encontré una explicación completa mientras buscaba el atributo activo:

Destacando la página actual con CSS

Un sitio que diseñé con esta técnica (páginas, no pestañas)

Answer 3

Lo que estás haciendo es correcto. El pseudo selector activo significa algo más: el evento de activar un control (es decir, el tiempo entre un usuario presiona el botón del mouse y lo libera).

Usar una clase para significar el elemento seleccionado es el camino a seguir.