Hervorhebungen eine aktive Registerkarte - CSS

Question

Ich habe eine kleine Tabbed Navigation Setup mit CSS. Wenn über die Registerkarten, um die Farbänderungen schweben, groß. Allerdings, wenn ich auf eine Registerkarte klicken und navigiert zu der entsprechenden Seite, würde ich das Register wie (die aktiven Registerkarte?) Hervorgehoben bleiben, um die aktuelle Seite angezeigt wird.

ich zur Zeit tue dies durch eine Klasse mit (.currenttab) und dann in jeder HTML-Datei, die diese Klasse. Ich bin nicht mit:

active

Gibt es eine Möglichkeit für mich, aktiv zu verwenden, anstatt eine Klasse in jeder einzelnen HTML-Datei verwenden, oder ist das, was ich tue richtig?

Vielen Dank im Voraus.

Answer 1

Was Sie tun, ist richtig. Die : aktiv Pseudo-Auswahlmittel etwas anderes - das Ereignis eine Steuerung der Aktivierung (die Zeit zwischen einem Benutzer, dh drückt die Maustaste los und gibt es).

eine Klasse entsprechend der gewählten Position, um anzuzeigen, ist der Weg zu gehen.

Answer 2

Es ist bei weitem nicht ideal, aber wenn Sie jede Seite und jedes Register eine ID geben, können Sie die Markierung in CSS anstelle von HTML definieren. Ich lief über eine vollständige Erklärung, während das aktive Attribut aufzuzublicken:

Hervorhebungen Aktuelle Seite mit CSS

A-Stelle ich mit dieser Technik entworfen (Seiten, nicht Tabs)

Answer 3

Hier sind einige weitere Beispiele brainjar Demo
Mehr von Brainjar