Reienfolge Links: a:focus vor a:hover (?)

[Gunther]

Hallo bari,

Also richtig sollte es natürlich heißen:

a {color: orange;}
a:link {color: blue;}
a:visited {color: purple;}
a:hover {color: red;}
a:focus{color: green;}
a:active {color: yellow;}

> > Immerhin im Text war es richtig, sodass der aufmerksame Leser ...!  
> > Danke für den Hinweis.  
>   
> im selfhtml steht a:focus vor a:hover. Ich nehme an, das kommt nun drauf an, nachdem du die Reihenfolge erwähnt hast, oder ?  
  
Die Reihenfolge ist deshalb so wichtig, weil sich sonst bestimmte Regeln andere "überschreiben" würden, und somit der gewünschte Effekt nie eintreten kann.  
  
Beispiel:  
Wenn a:link nach a:hover stehen würde, würde die Regel für :hover immer von der nachfolgenden für :link überschrieben, da ja beide beim Hovern zutreffen und somit die als letztes auftretende Regel die ist, die am Ende zur Geltung kommt.  
  
Genauso verhält es sich mit :focus und :hover. Und ja, wenn ich so darüber nachdenke macht die Reihenfolge in SELFHTML mehr Sinn, da ansonsten die :hover Regel immer von der für :focus überschrieben würde, wenn ein Element den Fokus hat.  
  
Also ja, dreh' die beiden um! ;-)  
  
Kannst du ja übrigens auch alles sehr einfach mal ausprobieren.  
  
Gruß Gunther