[CSS] a:link

Hallo,

wie bekomme ich es hin das er bei...

<STYLE TYPE="text/css">
<!--
A:link { color : blue }
A:visited { color : yellow }

A.extra:link { color : green }
A.extra:visited { color : red }

//-->
</STYLE>

einen Link der so aussieht ...

<a href="#" class="extra">Link</a>

auch die Definition des A.extra:link macht.
Er macht mir immer den normalen Link und dazu aber die visited
von extra ...

Danke

.extra a:link { color : green }
.extra a:visited { color : red }

gruss
peter

... so macht er nicht mal das andere mehr ? ...

*grübel*

Original geschrieben von South
Er macht mir immer den normalen Link und dazu aber die visited
von extra ...

bitte stelle diese frage noch einmal verständlich formuliert.

Ok nun ...

ich habe das in meiner style.css stehen ...

<style type="text/css">
<!--
P { font-family : Verdana; font-size : 13px; text-align=justify; color: 000099;}

TR { font-family : Verdana; font-size : 12px; color: 000099;}

TD { font-family : Verdana; font-size : 12px; color: 000099;}

p.f { font-family : Verdana; font-size : 11px; text-align=center; color: CC0000;}

input { color:000099; }

A:link {
color: 000099;
text-decoration: none;
background: green;
font-weight : none;
font-size : 50px ;
font-family : Verdana;
}

A:visited {
color : 000099;
text-decoration: none;
font-weight : none;
font-size : 12px ;
font-family : Verdana;
}

A:hover {
color: CC0000;
text-decoration: none;
font-weight : none;
font-size : 12px;
font-family : Verdana;
}

A:active {
color: 000099;
background: none;
text-decoration: none;
font-weight : none;
font-size : 12px ;
font-family : Verdana;
}



link2.A:link {
color: CC0000;
text-decoration: bold;
font-weight : none;
font-size : 19px ;
font-family : Verdana;
}
link2.A:visited {
color : 000099;
text-decoration: bold;
font-weight : none;
font-size : 12px ;
font-family : Verdana;
}

link2.A:hover {
color: CC0000;
text-decoration: bold;
background: none;
font-weight : none;
font-size : 30px;
font-family : Verdana;
}

link2.A:active {
color: 000099;
background: none;
text-decoration: bold;
font-weight : none;
font-size : 12px ;
font-family : Verdana;
}

//-->
</style>


Und ich habe auf meiner Seite zwei Links ....
#=steht für die Url

1. <a href="#">Link1</a>
2. <a class="link2" href="#">Link2</a>

So beim ersten macht er mir die normale css Link Definition

Beim zweiten macht er das selbe nur das er für hoover und active usw..
die Definition von der link2 nimmt.

Die Farbe vom normalen Link ist blau und der link2 soll ja rot sein ...
macht er aber nicht.

Und das Verstehe ich nicht ... und wollte wissen was ich falsch mache oder
evtl. geht es ja nicht aber ich habe schon soviele Beipiele verglichen und
die sind auch so ... ?

wie wär's mit a.link2 statt link2.a?

Danke, Vielen Dank ... da habe ich den Wald vor lauter Bäumen nicht
mehr gesehen ... Danke ... cu und schönes WE

Original geschrieben von South
ich habe das in meiner style.css stehen ...

<style type="text/css">
<!--
...
//-->
</style>

in eine externe stylesheet-datei gehören weder <style>-tags, noch html-kommentare - raus mit diesem unsinn!