zwei Link-Farben?

[Jesus_666]

Kann man auch so machen:

Code:

.content a { color: #123456; }
.content a:hover { color: #789ABC; }
.content a:visited { color: #DEF123; }
.content a:active { color: #456789; }

Dann werden alle <a>s, die sich innerhalb eines Tags mit der Klasse content befinden, beeinflußt. Das geht auch mit IDs:

Code:

#content a { color: #123456; }
#content a:hover { color: #789ABC; }
#content a:visited { color: #DEF123; }
#content a:active { color: #456789; }

Oder mit normalen Tags:

Code:

div a { color: #123456; }
div a:hover { color: #789ABC; }
div a:visited { color: #DEF123; }
div a:active { color: #456789; }

Der Vorteil liegt klar auf der Hand: Du mußt nur einmal die Klasse/ID festlegen (in dem Tag, in dem sich der Content, bzw. die Navigation befindet) und hast hinterher mit den Links keine Arbeit mehr. Außerdem wird der Code kleiner und lesbarer, weil nicht alles mit Zuordnungen vollgemüllt ist.


PS: Noch ein Beispiel:

Code:

#navigation a { color: #FF0000; }
#content a { color: #FFFF00; }

---------------------

<table>
 <tr>
  <td id="navigation">
   Navigation!
   <a href="about:blank">Link in rot!</a>
  </td>
  <td id="content">
   Content!
   <a href="about:blank">Link in gelb!</a>
  </td>
 </tr>
</table>