Frage zum Wiki-Artikel ‚Template2‘

[Matthias Scharwies]

Servus!

Hallo, ich bin Anfänger im Bereich HTML und CSS.

Bei den CSS Website Beispielen bin ich auf ein Problem gestoßen.

Es handelt sich um das zweite Beispiel, ich wollte bei der Übersicht dafür sorgen dass die Schaltflächen sich in verschiedene Farben färben wenn man den Mauszeiger über sie bewegt, z.B. Home=Blau, Orange Theme=Orange, Green Theme= Grün, Violett Theme= Violett, Pink Theme=Pink.

Entweder gibst du den einzelnen Links Klassen oder benutzt Pseudoklasen wie nth-of-type

<li><a class="orange" ...>oranges Theme </a></li>

Dann schreibst du für jede Farbe eine Festlegung ins css:

.menu_top a.orange:hover, .menu_top a.orange:focus {
  background: orange;
}

Ich bedanke mich im voraus für eine Antwort.

Herzliche Grüße

Matthias Scharwies