Evidenziazione di una scheda attiva - CSS

Question

Ho una piccola impostazione di navigazione a schede usando CSS. Quando si passa sopra le schede, il colore cambia, ottimo. Tuttavia quando faccio clic su una scheda e naviga alla pagina corrispondente, vorrei che quella scheda (la scheda attiva?) Rimanesse evidenziata, indicando la pagina corrente.

Attualmente lo faccio utilizzando una classe (.currenttab) e quindi utilizzando questa classe in ogni file HTML. Non sto usando:

active 

Esiste un modo per me di utilizzare attivo, piuttosto che utilizzare una classe in ogni file HTML individuo, o è quello che sto facendo è corretto?

Grazie in anticipo.

Answer 1

Quello che stai facendo è corretto. Lo pseudo-selettore :active significa qualcos'altro: l'evento di attivazione di un controllo (ovvero, il tempo che intercorre tra un utente preme il pulsante del mouse e lo rilascia).

Utilizzare una classe per indicare l'elemento selezionato è la strada da percorrere.

Answer 2

È tutt'altro che ideale, ma se si assegna ad ogni pagina e ogni scheda un id, è possibile definire l'evidenziazione in css anziché in html. Mi sono imbattuto in una spiegazione completa durante la ricerca per attivare questo attributo:

Highlighting Current Page With CSS

A site I designed with this technique (pagine, non scheda)

Answer 3

Qui ci sono alcuni esempi brainjar Demo
Altro da Brainjar