Print

[Rashnu]

In stap 11wordt a:hover gemaakt. Ik zou denken dat dit voor alle koppelingen werkt (zowel in de tekst als in het menu), maar zodra ik in stap 14 de koppelingen in het menu een aparte kleur geef mbv #kollinks li a dan werkt het niet meer voor het menu. Blijkbaar wordt de eerdere a:hover op de een of andere manier overrulet door de #kollinks li a. Maar a:hover lijkt mij toch iets anders dan alleen maar a (sec). Hoe kan een regel die werkt op een a in de toestand van hover nu overrulet worden door een regel voor een a (weliswaar binnen een #kollinks li), waar verder niks mee aan de hand is (geen hover of zo)? Het zal vast wel iets met een speciale status van een pseudo-class selector te maken hebben...
Om het gewenste effect te bereiken moet ik dan voor het menu nog een aparte #kollinks li a:hover opnemen, die (zoals te verwachten is) de algemene a:hover overrulet.

[Frances]

Het werkt zo:

• Je maakt twee alinea's met daarin een link
• Eén van beide alinea's geef je een class (of ID).
• In CCS geef je een kleur in voor de link: a {...}
• Ook geef je de kleur van de a:hover in
• Daarna maak je een CSS-regel met een specifiekere kiezer: p.naamclass a {...} die je een andere kleur geeft

Wat je nu in de browser ziet is dat de link in de alinea met de class niet de kleur van de a:hover uit de stylesheet pakt als je er met je muis overheen gaat. Verklaring lijkt mij dat a:hover een variant is van a. Kijk maar want a:hover overerft van a. En door aan p.naamclass a specifieke CSS te geven is die niet meer gelijk aan een 'gewone' a dus is a:hover daar ook geen variant meer van.