verschillende a - hyperlinks definieren in css

Door Onbekende gebruiker op 20-08-2005 22:41

694 views

ik wil op in mijn css verschillende soort a:hover en a:active's definieren.

echter hoe doe ik dat?

mij staat bij:

a:hover.eerste { blabla;}
a:hover.tweede {blabla;}

echter dit werkt niet.. hoe moet het wel?

Mitch X

20-08-2005 22:55

.eerste a:hover { blabla; } dacht ik :P

Onbekende gebruiker

20-08-2005 23:03

a.eerste:hover { }

eerst het object (tag) dan de class die aan het object (tag) hankt en dat de ... (hover, active maar dat heeft nog een naam)

tenzij je structuur anders is natuurlijk

Jordi

21-08-2005 02:09

Wat Mitch zei past de links binnen een element met de class 'eerste' aan. Wat Webmakerij zegt past een link van class 'eerste' aan.

Voor de duidelijkheid.

Lissy Pixel

21-08-2005 12:43

A:link{color:#660000;text-decoration:none; cursor: crosshair;
}
A:visited{color:#660000; text-decoration:none;
}
A:active{color:#660000; text-decoration:none;
}
A:hover{color:#FFFFFF; text-decoration:overline underline; cursor:crosshair; font-weight: bold;
}

Hier een voorbeeldje als je dat verder helpt.
Groet, lissy

Han eev

21-08-2005 13:36

A.ikke:link{color:#660000;text-decoration:none; cursor: crosshair;
}
A.ikke:visited{color:#660000; text-decoration:none;
}
A.ikke:active{color:#660000; text-decoration:none;
}
A.ikke:hover{color:#FFFFFF; text-decoration:overline underline; cursor:crosshair; font-weight: bold;
}
<a href='lalalal.php' class='ikke'>Blaat</a>

Onbekende gebruiker

24-08-2005 23:00

Han schreef op 21.08.2005 13:36
A.ikke:link{color:#660000;text-decoration:none; cursor: crosshair;
}
A.ikke:visited{color:#660000; text-decoration:none;
}
A.ikke:active{color:#660000; text-decoration:none;
}
A.ikke:hover{color:#FFFFFF; text-decoration:overline underline; cursor:crosshair; font-weight: bold;
}
<a href='lalalal.php' class='ikke'>Blaat</a>

explorer slikt dit wel, maar firefox niet...

Reageren

Inloggen om te reageren