Unterschiedliche Links, aber wie?

[Wiesel]

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?

[robotto7831a]

z. B. so:

A.black:hover

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

Frank

[Wiesel]

z. B. so:

A.black:hover

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

Frank

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

[Monty82]

a.black {

color:#000044;

font-weight:600;

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

text-align:left;

border:1px solid #000;

display:block;

}

[robotto7831a]

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