Hi,

normalerweise definiere ich meine Links wie folgt (Beispiel):

a {

color:#000044;

font-weight:600;

font-family:verdana, arial, helvetica, sans-serif;

text-align:left;

border:1px solid #000;

display:block;

}

a:hover {

color:#fff;

background-color:#000044;

}

Das Problem ist, das dies nun für alle gillt.

Wie ist das nun wenn ich allerdings 2-3 verschieden Arten von Links haben möchte?

Also einen im Block einen grau den anderen weiß usw.

Muss ich da mit Klassen arbeiten udn wenn ja wie geht das?

z. B. so:

A.black:hover

<a class="black" href=...

Frank

z. B. so:

A.black:hover

<a class="black" href=...

Frank

Und wie sieht das für den a {} Teil aus?

a.black {

color:#000044;

font-weight:600;

font-family:verdana, arial, helvetica, sans-serif;

text-align:left;

border:1px solid #000;

display:block;

}

Na so.

a {

color:#000044;

font-weight:600;

font-family:verdana, arial, helvetica, sans-serif;

text-align:left;

border:1px solid #000;

display:block;

}

a:hover {

color:#fff;

background-color:#000044;

}

a.black {

color:#000044;

font-weight:600;

font-family:verdana, arial, helvetica, sans-serif;

text-align:left;

border:1px solid #000;

display:block;

}

a.black:hover {

color:#fff;

background-color:#000044;

}

Frank