Gunnar Bittersmann: Verweise gestalten

Beitrag lesen

@@Lina:

inhalt a:link {color: #0000ff; font-weight:bold; font-size: normal; text-decoration: underline;} navigation a:link {color: #ffffff; font-weight:bold; font-size: large; text-decoration: none;} navigation a:active {color: #ffffff; font-weight: bold;} navigation a:visited {color: #ffffff; font-weight: bold;} navigation a:hover {color: #ffffff; font-weight: bold;}

was stimmt nicht?

  1. Du denkt, :link stünde für alle Links. Der Gedanke liegt nahe, stimmt aber nicht.

  2. Du machst Angaben wiederholt, obwohl sich gar nichts ändert. DRY! (Don’t repeat yourself!)

  3. Du hast den :focus verloren.

Obiger Code sollte eher so aussehen:

inhalt a {color: #0000ff; font-weight:bold; font-size: normal; text-decoration: underline;}
navigation a {color: #ffffff; font-weight:bold; font-size: large; text-decoration: none;}

Natürlich aber nicht mit inhalt/navigation, siehe MrMurphy.

LLAP

--
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)