Sette stiler på linker

Det å sette stiler på linker skulle være en grei og rett frem sak å gjøre i CSS, og det er det jo i og for seg så lenge man skriver :link :hover :active og :visited i riktig rekkefølge. Problemet ligger i at prioritet på stiler i CSS bestemmes av graden av spesifikasjon. Jo mer en regel er spesifisert, jo høyere prioritet har den.

For eksempel:

1. p { color: red; font-size: 75%; }
2. p.velgmeg { color: blue; font-size: 100%; }

Her vil enhver paragraf som er satt til klassen velgmeg ha blå skrift i 100% størrelse mens paragrafer uten spesifisert klasse velgmeg vil få rød tekstfarge og en fontstørrelse på 75%.

Dette får konsekvenser for når vi skal sette stiler på linker hvor a:link, a:hover, a:visited og a:active har samme grad av spesifikasjon, og dermed vil siste regel i CSS-filen bli den som nettleseren følger.

For eksempel vil a:active aldri bli vist hvis a:hover blir spesifisert etter a:active i stilarket

• a:link
• a:visited
• a:active
• a:hover

Så dermed vil anbefalt rekkefølge får å stile linker bli

• a:link
• a:visited
• a:hover
• a:active

Så vil alle problemer være løst :)