TryIt Editor v2.0 - Wie kann man die Linkfarbe mit CSS ändern

Source Code: (back to article)

<!DOCTYPE html>
<html>
 <head>
 <style>
 a.one:link { 
 color: #ccc;
 }
 a.one:visited { 
 color: #095484;
 }
 a.one:hover { 
 color: #8ebf42;
 }
 a.two:link {
 color: #ccc;
 }
 a.two:visited {
 color: #095484;
 }
 a.two:hover {
 font-size: 150%;
 }
 a.three:link {
 color: #ccc;
 }
 a.three:visited {
 color: #095484;
 }
 a.three:hover {
 background: #8ebf42;
 }
 a.four:link {
 color: #ccc;
 }
 a.four:visited {
 color: #095484;
 }
 a.four:hover {
 font-family: monospace;
 }
 a.five:link {
 color: #095484;
 text-decoration: none;
 }
 a.five:visited {
 color: #095484; text-decoration: none; 
 }
 a.five:hover {
 text-decoration: overline underline; 
 }
 </style>
 </head>
 <body>
 Bewegen Sie die Maus über die Links und beobachten Sie, wie sie geändert werden:
 <a class="one" href="#">Dieser Link ändert die Farbe</a>
 <a class="two" href="#">Dieser Link ändert die Schriftgröße</a>
 <a class="three" href="#">Dieser Link ändert die Hintergrundfarbe</a>
 <a class="four" href="#">Dieser Link ändert die Schriftart</a>
 <a class="five" href="#">Dieser Link ändert die Textgestaltung</a>
 </body>
</html>