:strip_exif()/u/3333/pumpkin_avatar.gif?f=community){kind=avatar}
Het probleem waar ik nu tegenaan loop; stel ik heb de volgende css:
nu wil ik echter met behulp van scripting de kleur van een link wijzigen; hetzij door een style-attribuut te zetten, hetzij door een classname toe te kennen aan de link.
In beide gevallen is echter het effect hetzelfde: de hover functioneert niet meer, en ik wil juist dat de hover wel blijft functioneren.
Blijkbaar is de generieke pseudo-class voor het <a> element hier ondergeschikt aan een class of een inline style, tenzij je bij het gebruik van een class expliciet voor de class een hover definieerd:
da's leuk en aardig, en ergens ook wel begrijpelijk, dus ben ik de recs eens gaan doornemen en kwam uit op het volgende:
Dit betekent dat elk <a> element, of elk <a> element met een class-attribuut deze pseudo-class krijgt toegewezen.
Je snapt het natuurlijk al: IE kan hier helemaal niet tegen en past de pseudo-class op geen enkel <a> element meer toe; Mozilla snapt het al wat beter en past de pseudo-class toe totdat ik mbv scripting de classname wijzig.
Nu kan ik 2 dingen doen in mijn ogen:
-classes opnemen voor elke mogelijke kleur, en voor elke class ook de :hover pseudo-class definieren (let wel, ik praat over zo'n 35 verschillende kleuren, dus dat wordt dan een forse css)
-de hovers voor elke link met javascript gaan afhandelen
Beide situaties zijn imho verre van ideaal; het liefst wil ik gewoon de color style-attribuut met script kunnen toekennen, en een simpele hover pseudo-class, maar ik krijg dat dus niet voor elkaar; iemand nog een briljant idee?
HTML:
1
2
3
4
5
6
7
| a, a:link, a:visited, a:active {
color: #ffffff;
text-decoration: none;
}
a:hover {
color: #ffc119;
} |
nu wil ik echter met behulp van scripting de kleur van een link wijzigen; hetzij door een style-attribuut te zetten, hetzij door een classname toe te kennen aan de link.
In beide gevallen is echter het effect hetzelfde: de hover functioneert niet meer, en ik wil juist dat de hover wel blijft functioneren.
Blijkbaar is de generieke pseudo-class voor het <a> element hier ondergeschikt aan een class of een inline style, tenzij je bij het gebruik van een class expliciet voor de class een hover definieerd:
HTML:
1
2
3
| a:hover, a.myclass:hover {
color: #ffc119;
} |
da's leuk en aardig, en ergens ook wel begrijpelijk, dus ben ik de recs eens gaan doornemen en kwam uit op het volgende:
HTML:
1
2
3
| a:hover, a[class]:hover {
color: #ffc119;
} |
Dit betekent dat elk <a> element, of elk <a> element met een class-attribuut deze pseudo-class krijgt toegewezen.
Je snapt het natuurlijk al: IE kan hier helemaal niet tegen en past de pseudo-class op geen enkel <a> element meer toe; Mozilla snapt het al wat beter en past de pseudo-class toe totdat ik mbv scripting de classname wijzig.
Nu kan ik 2 dingen doen in mijn ogen:
-classes opnemen voor elke mogelijke kleur, en voor elke class ook de :hover pseudo-class definieren (let wel, ik praat over zo'n 35 verschillende kleuren, dus dat wordt dan een forse css)
-de hovers voor elke link met javascript gaan afhandelen
Beide situaties zijn imho verre van ideaal; het liefst wil ik gewoon de color style-attribuut met script kunnen toekennen, en een simpele hover pseudo-class, maar ik krijg dat dus niet voor elkaar; iemand nog een briljant idee?
Intentionally left blank
voor Cheatah 
:strip_icc():strip_exif()/u/16137/melissa-theriau-1.jpg?f=community)
:strip_exif()/u/196/day-of-the-tentacle3.gif?f=community)