Pseudo-Class

Voor het maken van links op een pagina zijn een aantal pseudo classes opgezet om de weergave te beïnvloeden.

A:link { stijldeclaratie }
A:visited { stijldeclaratie }
A:active { stijldeclaratie }
A:hover { stijldeclaratie }

Link staat voor een nog onbezochte link, visited voor een bezochte link, active voor actieve link en hover staat voor een link waar je overheen gaat. Deze pseudo-classes zijn misschien wel het meest belangrijk (overdreven), je kunt namelijk de kleur van de link, de achtergrondkleur, stijl, lettertype etcetera bepalen. Vooral als je een site voor onderwijs doeleinden maakt en je het juiste antwoord weggeeft door de kleur die een link aanneemt, dan kun je met behulp van deze pseudo-classes dit voorkomen. Als je dan ook nog de statusbalk beïnvloedt met behulp van javascript, dan geef je nooit meer het antwoord weg. En verder staat het veel mooier als je links geen andere kleuren aannemen.

Voorbeeld:

A:link { background-color: silver; color: black;}

Een normale link krijgt nu als achtergrondkleur zilver en de tekst van de link wordt zwart. Je hoeft de a geen class naam te geven. Elke link in de pagina krijgt deze waarden toegekend. Het is wel mogelijk om de link nog een class te geven.

A.hulp:link { color: red }

Deze vorm vereist weer een class naam bij de anchor tag. Dus nu wordt het: <a class="hulp" href="#">....</a>.

Zo kun je onderscheid gaan maken tussen de verschillende links op je pagina. Het nut hiervan kan zijn dat je onderscheid maakt tussen navigatie links en links binnen 1 pagina. De ervaring zal het leren.