Ik ben na al die jaren nog steeds geen CSS-wonder, vandaar dat ik het hier vraag.

Voor deze website: http://www.deurhoalers.nl/

Wil ik verschillende soorten hyperlink kleuren gebruiken. Nu is alles standaard neon groen in het menu, maar wanneer iemand op nieuws klikt, moet het neon roze worden en wanneer iemand op Over ons klikt bijvoorbeeld weer neon geel.

Hoe kan ik dit doen in de CSS?

Dat is wat lastiger te doen in WordPress. Je zou iedere pagina een andere template (niet te verwarren met themes) kunnen geven, waarbij het menu in elke template een eigen (aanvullende) class heeft. Vervolgens kun je in je stylesheet de gewenste kleur aan iedere class toekennen. Maar goed, dat is geen ideale oplossing.

misschien heel ouderwets maar probeer eens bij iedere pagina een extra style sheet , wel ff zelf de juiste classes vinden
<style>
body {color: red;}
a {color: green; }
</style>

http://www.w3schools.com/cssref/sel_nth-child.asp

Beste Dennis,
Hieronder een simpele oplossing.

In WordPress is er per pagina een unieke body class.

Voorbeelden:
Je homepage heeft de class home.

Code:

.home a { color: red; } // alle links op je homepage rood

Je Nieuwspage heeft de class blog.

Code:

.blog a { color: blue; } // alle links op je nieuwpage blauw

Kijk, weer wat nieuws geleerd... wist ik nog niet, maar ik zie inderdaad dat WordPress een unieke pagina ID als class aan de body tag toevoegt. Dan is zoiets vrij eenvoudig te realiseren natuurlijk, al moet je dan wel "page-id-.." stylen aangezien alle gewone pagina's de class "page" hebben.

@Kevin,

Dat is idd de oplossing voor de links op de pagina, bedankt daarvoor!

Maaaaar; de links in het menu blijven gewoon de kleur zoals ze waren (neon groen). Ik denk dat er dus per pagina ook nog een apart stuk css geschreven moet worden die de kleur van het menu overruled?

Je moet voor iedere pagina wel een stijl opgeven voor de menu links, de #top-menu a. Als je op de pagina over ons rode links wilt zou je bijvoorbeeld de onderstaande code moeten toevoegen in je stylesheet:

Code:

.page-id-48 #top-menu a {color:#FF0000;}