Dubbele CSS stijl werkt niet

[Verwijderd]

Ik ben nu bezig met het maken van een CSS stijl. Nu heb ik er 2 gemaakt, omdat ik 2 verschillende soorten links wil maken op mijn site, zoals op wanadoo.nl. Het probleem is echter dat hij telkens maar 1 soort link gebruikt(die ik het eerst heb gemaakt) en hij de 2de link (bijv a: rood; a:hover = groen) niet toepast. Hoe kan ik ervoor zorgen dat ik op mijn site 2 verschillende soorten a en a:hovers krijg zonder dat er een conflict ontstaat zoals nu?

ps. Ik heb de search gebruikt

[E-Mile]

Volgens mij werkt dit gewoon door bijvoorbeeld ipv a, a te noemen hem een andere naam geven zoals dit:

code:

.linkblack {
    FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Sans-Serif; TEXT-DECORATION: none
}
.linkblack:hover {
    FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Sans-Serif; TEXT-DECORATION: underline
}
.linkblue {
    FONT-SIZE: 8pt; COLOR: #3c7cc5; FONT-FAMILY: Verdana, Arial, Sans-Serif; TEXT-DECORATION: none
}
.linkblue:hover {
    FONT-SIZE: 8pt; COLOR: #3c7cc5; FONT-FAMILY: Verdana, Arial, Sans-Serif; TEXT-DECORATION: underline
}

[RM-rf]

probeer eens http://www.w3schools.com/css/

kijk eens wat er niet mogelijk is met className

code:

<style type="text/css">
A.class1:hover { color: red; }
A.class2:hover { color: green;}
</style>

..

<a href="blaat.htm" class="class1">eerste link</a> 
<a href="blaat.htm" class="class2">tweede link</a>

[ Voor 22% gewijzigd door RM-rf op 23-02-2003 14:21 ]

[Thijsmans]

code:

in je css:
a.rood{
 color: #FF0000;
 text-decoration: none;
}
a.rood:hover{
  text-decoration: underline;
}

het zelfde doe je voor groen, en je geeft je links een class mee:

code:

<a href="blaat" class="rood">blaat</a>

Makkelijk zat, had je zelf ook kunnen bedenken

edit: het is verdomde druk voor een zondag

[ Voor 14% gewijzigd door Thijsmans op 23-02-2003 14:21 ]

[The Quizmaster]

Dit kan door het gebruiken van classes, dan krijg je dus een classe "a.link1" en "a.link2" (in je html heb je dan <a class="link1" href=...> die classes kan je hun eigen waarden meegeven.
dus bvb a.link1 rood en a.link2 blauw

[Verwijderd]

ok bedankt

[Pelle]

Is toch echt wel heel vaak voorbij gekomen dit. Had je met een beetje research zelf ook kunnen vinden.