Destacando uma aba ativa - CSS

Question

Eu tenho uma pequena configuração de navegação por abas usando CSS. Quando pairando sobre as abas as mudanças de cor, ótimo. No entanto, quando eu clique em uma guia e navega para a página correspondente, eu gostaria que tab (aba ativa?) Para permanecer realçado, indicando a página atual.

Atualmente, estou fazendo isso usando uma classe (.currenttab) e, em seguida, usando esta classe em cada arquivo HTML. Eu não estou usando:

active

Existe uma maneira para eu usar ativo, em vez de usar uma classe em cada arquivo HTML indivíduo, ou é o que eu estou fazendo correto?

Agradecemos antecipadamente.

Answer 1

O que você está fazendo é correto. A : ativos pseudo meio do seletor outra coisa - o evento de ativar um controle (ou seja, o tempo entre o usuário pressiona o botão do mouse e libera-lo).

Usando uma classe para significar o item selecionado é o caminho a percorrer.

Answer 2

Está longe de ser ideal, mas se você dar a cada página e cada guia um id, você pode definir o destaque em css em vez de html. Deparei com uma explicação completa ao olhar-se o atributo ativo:

Realce página atual Com CSS

Um site que eu projetado com esta técnica (páginas, não tabs)

Answer 3

Aqui estão mais alguns exemplos brainjar Demonstração
Mais de Brainjar