binnen css, 1 a:hover anders, kan dat

[niXnut]

ik zal proberen het zo helder mogelijk te formuleren:

ik heb een extern css aan een pagina gehangen met daarin gedefinieerd:
a:active
a:hover
a:link
a:visited

bij a:hover staat het fonttype, kleur en grootte gedefinieerd.
Alle links in de pagina hebben dus dezelfde onmouseover.
Nu wil ik voor 1 link op die pagina een andere onmouseover kleur (a:hover).

is het mogelijk om een afzonderlijke link een andere a:hover te geven dmv javascript?

[Dryw.Filtiarn]

onmouseover = "style.color = '#ff0000'";

[Woudloper]

is het mogelijk om een afzonderlijke link een andere a:hover te geven dmv javascript?

Ja, dat is mogelijk

Maar je wilt natuurlijk een oplossing:

volgende:

code:

a.hover.jouwstyle { color: red; text-decoration: none }

_{is uit de losse pols}

[/Edit]

dan aanroepen met:

code:

<a class="jouwstyle">blabla</a>

[niXnut]

he, 't werkt inderdaad. Javascript is niet mij sterkste kant. Bedankt.

[Willem]

Op woensdag 19 december 2001 09:56 schreef niXnut het volgende:
he, 't werkt inderdaad. Javascript is niet mij sterkste kant. Bedankt.

lol JavaScript > CSS

[edwinistrator]

waarom zou je dit met javascript oplossen en niet gewoon met stylesheets?

je kan toch gewoon
a.anders
a.anders:hover
a....

definieren en in je stylesheet pluren, etc.
das toch een betere oplossing?


en in je linkje zet je dan:
<a class="anders" href="http://wwww.operation3.com">

[RM-rf]

Op woensdag 19 december 2001 09:48 schreef rwoudsma het volgende uit de losse pols:
volgende:

code:

a.hover.jouwstyle { color: red; text-decoration: none }

_{is uit de losse pols}

Op woensdag 19 december 2001 09:56 schreef niXnut het volgende:
he, 't werkt inderdaad.

in 'cheap webhoer' aka 'ms Internet Explorer' I presume:

de CSS klopt namelijk niet echt

code:

a.jouwstyle:hover { foo: bar; }

is wel juist;
a staat voor de tagName, alle Anchor-tags vallen onder deze verzameling, achter de punt komt een class-definitie de 'jouwstyle' betekent dat van alle A-tags degenen met class="jouwstyle" worden bedoeld.
na de dubbele punt komt een pseudoclass; de :hover is een state, in dit geval als de muis over het element heengaat.

dit definieert dus alle A-tags met class "jouwstyle" precies onder de muis-pointer.

voor verdere info:
http://www.w3.org/TR/REC-CSS2/selector.html#q1