Opdracht

Ga weer verder met je project van de eerdere hoofdstukken.

Stap 1

Standaard laat je browser links die nog niet bezocht zijn met een andere kleur zien (meestal blauw) dan links die al wel bezocht zijn (meestal paars)

Maak een css regel aan waarin je alle links (ongeacht hun toestand) dezelfde kleur geeft (kies zelf een mooie kleur). Dit doe je door een a { .. } regel te maken in css (dus zonder pseudo-class, zodat het vool alle mogelijke links geldt

Stap 2

Voeg nu een extra css regel toe voor de pseudo-class a:hover van je linkjes. Zorg dat er iets met de onderstreping van links gebeurt als de gebruiker zijn muis over linkjes houdt. Laat hem bijvoorbeeld verdwijnen met text-decoration: none; of zet de streep er juist boven met text-decoration: overline;

Stap 3

Voeg nog een extra css regel to voor de psuedo-class :active van je linkjes (die geldt als er op je link wordt geklikt). Zorg ervoor dat de achtergrondkleur van je linkjes verandert met de css eigenschap background-color. Kies zelf een kleur.