Mettant en exergue l'onglet actif - CSS

J'ai un petit onglets de configuration de la navigation à l'aide de CSS. Lorsque vous passez la souris sur les onglets les changements de couleur, de grande. Cependant lorsque je clique sur un onglet, et il accède à la page correspondante, j'aimerais que l'onglet (onglet actif?) pour rester en surbrillance, indiquant la page en cours.

Je suis actuellement en train de faire cela en utilisant une classe (.currenttab ) et l'utilisation de cette classe dans chaque fichier HTML. Je ne suis pas à l'aide de:

active

Est-il un moyen pour moi d'utiliser les actifs, plutôt que d'utiliser une classe dans chaque fichier HTML, ou est ce que je suis en train de faire corriger?

Vous en remercie d'avance.

Votre question n'est pas tout à fait clair, donc juste au cas ou vous ne l'êtes pas, assurez-vous de mettre toutes les classes css dans un document distinct .fichier css, puis de l'inclure dans chacune de vos pages html, de sorte que vous n'êtes pas redéfinir les classes.
Désolé, je ne comprends pas très bien ce que tu veux dire. J'ai actuellement une feuille de style pour tout, y compris l' .currenttab classe. Dans chaque fichier HTML je puis avoir la classe attribuée à la liste correspondante de l'élément (élément de navigation). Est-ce incorrect?

OriginalL'auteur Ronnie | 2008-12-31

  1. 6

    Ce que vous faites est correct. Le :active pseudo-sélecteur signifie quelque chose d'autre - le cas de l'activation d'un contrôle (c'est à dire, le temps entre un utilisateur appuie sur le bouton de la souris et relâche).

    À l'aide d'une classe pour signifier l'élément sélectionné est le chemin à parcourir.

    Merci pour la réponse rapide.

    OriginalL'auteur Eran Galperin

  2. 3

    C'est loin d'être idéal, mais si vous donnez à chaque page, et à chaque onglet un id, vous pouvez définir la mise en évidence dans le css au lieu de html. J'ai couru à travers une explication complète lors de la recherche de l'attribut actif:

    Illustrant la Page Avec les CSS

    Un site que j'ai conçu avec cette technique (pages, pas d'onglets)

    pas besoin d'obtenir vraiment lourd avec les id, les classes suffit, mais cette approche permettra d'obtenir le plus pour votre argent. Lorsque vous commencez à vous déplacer vers les plus avancées en HTML/css à l'utilisation de l'ajout de classes à la balise body sera une bien meilleure pratique.

    OriginalL'auteur Justin Love

  3. 1

    Voici quelques exemples de plus brainjar Démo

    Plus de Brainjar

    Est le brainjar de démonstration à l'aide d'un .classe actuelle dans le code HTML ou en utilisant la méthode décrite par Justin ci-dessus?
    Je pense qu'il utilise le .active .visité, car elle ressemble à la source

    OriginalL'auteur Kb.