CSS vraagje.

Ik wil binnen één pagina verschillende soorten van linkkleuren instellen. Bijvoorbeeld, een link die boven staat heeft bij "over" een gele kleur, een link die onderaan staat heeft bij "over" een rode kleur. Doe definieer ik dat in CSS? Kan ik bijvoorbeeld aan een bepaalde stijl ook toekennen dat als die stijl wordt gebruikt, de hover uitzonderlijk anders moet zijn?

Dat wil ik ook heel graag weten :D

je kan het in verschillende divs plaatsen en dan de link daarbinnen aangeven welke kleur hij moet hebben. ik geloof dat het dan iets wordt van [code:1:6638ffea31]#div1 a:hover{color : rood;} #div2 a:hover{color: oranje;}[/code:1:6638ffea31]

Of je geeft de <a> tag een class. Bijvoorbeeld:

[code:1:a2cfc816f8]<a href="#" class="redlink">link</a>
[/code:1:a2cfc816f8]

In je style:

[code:1:a2cfc816f8]
.redlink a:hover { color: red; }
[/code:1:a2cfc816f8]

[quote:e2501018bb="Henkie"]Of je geeft de <a> tag een class. Bijvoorbeeld: [code:1:e2501018bb] .redlink a:hover { color: red; } [/code:1:e2501018bb][/quote:e2501018bb]

[code:1:e2501018bb]
a.redlink:hover { color: red; }
[/code:1:e2501018bb] Lijkt me dan beter :innocent:

[quote:b89030e8bb="wKamsma"][quote:b89030e8bb="Henkie"]Of je geeft de <a> tag een class. Bijvoorbeeld: [code:1:b89030e8bb] .redlink a:hover { color: red; } [/code:1:b89030e8bb][/quote:b89030e8bb]

[code:1:b89030e8bb]
a.redlink:hover { color: red; }
[/code:1:b89030e8bb] Lijkt me dan beter :innocent:[/quote:b89030e8bb]

is beter. classe stijl aanmaken

of dmv de hierarchie

[code:1:b89030e8bb]
<p><a>paragraaf a</a></p>
<ul><li><a>list a </a></li></ul>

p a:hover { color: red; }
ul a:hover {color: blue; }
[/code:1:b89030e8bb]

Hier komen duidelijk meer mensen die wat over CSS weten, zou er eens iemand naar mijn eerdere [url=http://forum.macosx.nl/viewtopic.php?t=69845]post[/url] kunnen kijken? Ik heb geen idee waarom mijn menutje in IE 5.5 er zo uitziet..

Net zoiets als [url=http://www.thebigerns.com/freeway/satin/]hier is gedaan[/url] ... heel simpel gedaan in Freeway. Alles 100% CSS. Links zie je een aantal links die elk hun eigen behaviour hebben ...

[quote:2ed4953c1b="Henkie"]Of je geeft de <a> tag een class. Bijvoorbeeld:

[code:1:2ed4953c1b]<a href="#" class="redlink">link</a>
[/code:1:2ed4953c1b]

In je style:

[code:1:2ed4953c1b]
.redlink a:hover { color: red; }
[/code:1:2ed4953c1b][/quote:2ed4953c1b]

LET OP! Geef class namen NOOIT info over hun opmaak mee. Want wat als je nou in de css file de color: red, in color: blue veranderd? Juist. Dan is de class in je html niet meer semantisch voor je inhoud. Geef het dus namen mee als EersteLink, TweedeLink, etc.

Jaja ... en als mijn eerste link dan mijn tweede link wordt? :evil:

Dan veranderd de semantiek van je HTML, maar klopt de scheiding tussen inhoud en opmaak nog wel :)

class="de_eerste_met_aan_zekerheid_grenzende_waarschijnlijkheid_rode_link"...

Dit is semantisch ook correct…:slight_smile: