Links, Formatierungsangaben effizient zusammenfassen

[ChrisB]

Hi,

Hier mein aktueller Vorschlag:

a { font-family: Verdana,Arial,sans-serif;font-style: normal;font-variant: normal;font-weight: normal;text-decoration: none; }
a.vertikalenavigation { font-size: 1em; color: #FFF;padding: 10px 5px 10px 15px;display: block; }

Wähle einen günstigeren Selektor.
Da diese Links sich vermutlich als einzige in einem übergeordneten Element befinden werden, welches diese vertikale Navigation auszeichnet, bietet sich bspw. der Nachfahrenselektor an.

Was sich nicht an-, sondern eher verbietet, ist der gewählte Klassenname, der sich auf die derzeit gewünschte Darstellung bezieht.

a.vertikalenavigation:hover { font-weight: bold;color: #828fc6; }
a.vertikalenavigation:active { font-weight: bold;color: #828fc6; }
a.vertikalenavigation:focus { font-weight: bold;color: #828fc6; }[/code]

Warum hast du hier noch keinerlei Zusammenfassung vorgenommen?
Du hast mehrere Selektoren, für die alle die gleichen Formatierungen gelten sollen.

So spare ich auch die Angabe :visited.

In wie fern sparst du dir die?
Zum Nachteil der Usability, in dem du dem Nutzer bereits von ihm besuchte Links nicht kenntlich machst?

MfG ChrisB