text-decoration

[EKKi]

Mahlzeit Nik,

wie bekomme ich für jeden Textlink eine andere Farbe hin?

Indem Du für jeden Textlink eine andere Farbe definierst.

a:link    { color: #FF00FF; text-decoration: none}
a:visited { color: #00FFFF; text-decoration: none}
a:hover   { color: #FF0000; text-decoration: none}

zeigt alle Links gleich.

Natürlich. Genau das hast Du damit ja auch festgelegt.

ich möchte jedoch jeden Lin in einer anderen Farbe haben.

Dann musst Du für jeden Link eine andere Farbe angeben.

So würde das ganze in der html Seite aussehen:

<p><span class="1"><a href="http://www.domain-1.de">Link 1</a></span></p>
<p><span class="2"><a href="http://www.domain-1.de">Link 2</a></span></p>
<p><span class="3"><a href="http://www.domain-1.de">Link 3</a></span></p>
<p><span class="4"><a href="http://www.domain-1.de">Link 4</a></span></p>

• Du solltest für Beispieldomains die entsprechend reservierten Namen und nicht eventuell real existierende benutzen.

• Du solltest von rein numerischen Klassennamen Abstand nehmen und halten.

• Du solltest eine offensichtliche Liste auch als solche auszeichnen.

<style type="text/css">[code lang=css]  
  
li.link_1 a {  
  color: red;  
}  
  
li.link_2 a {  
  color: green;  
}  
  
li.link_3 a {  
  color: blue;  
}  
  
li.link_4 a {  
  color: yellow;  
}

</style>
[...]
<ul>
  <li class="link_1"><a href="http://www.domain_1.example">Link 1</a></li>
  <li class="link_2"><a href="http://www.domain_2.example">Link 2</a></li>
  <li class="link_3"><a href="http://www.domain_3.example">Link 3</a></li>
  <li class="link_4"><a href="http://www.domain_4.example">Link 4</a></li>
</ul>[/code]

MfG,
EKKi