Kurzschreibweise

[Andy89]

Hallo,

#auswahl a:link
{
color: #333;
text-decoration: none;
padding-bottom: 1px;
}
#auswahl a:aktive
{
color: #333;
text-decoration: none;
padding-bottom: 1px;
}
#auswahl a:visited
{
color: #333;
text-decoration: none;
padding-bottom: 1px;
}
#auswahl a:hover
{
color: #000;
text-decoration: none;
padding-bottom: 1px;
border-bottom: 1px solid #000;
}

in dem Beispiel ist das Layout für a, aktiv und visited gleich, nur hover ist anders.
Kann man die gleichen zusammenfassen?
Gibt es so was wie eine "oberklasse" ?

Danke
Andy

[Settler]

http://www.css4you.de/

[Sand*mann]

Hallo Andy!
Einfach mit nem Komma abtrennen:

#auswahl a:link, #auswahl a:aktive, #auswahl a:visited
{
color: #333;
text-decoration: none;
padding-bottom: 1px;
}
#auswahl a:hover
{
color: #000;
text-decoration: none;
padding-bottom: 1px;
border-bottom: 1px solid #000;
}

[sejuma]

Es reicht, wenn du zur Grunddefinition nur das angibst, was jeweils abweichen soll:

#auswahl a
{
color: #333;
text-decoration: none;
padding-bottom: 1px;
}

#auswahl a:hover
{
color: #000;
border-bottom: 1px solid #000;
}

[Andy89]

Hallo Sandmann und Sejuma,

danke.

so hatte ich es auch gedacht, aber Firefox mag das nicht.
Dann habe ich die Variante von Sejuma gefunden, die funktioniert im Firefox.

Danke für den Link, kannte ich nicht. Allerdings finde ich da Pseudo-Klassen: :link und Unterschiedliche Pseudoformate für Hyperlinks , aber nicht das was ich suche.
Sejuma hat das aber gut erklärt.

Andy

[Rinaldo]

Die Angaben sollten meines Wissens nach immer nach dem "LoVe-HAte"-Prinzip gemacht werden (link, visited, hover, active).

[marc22]

#auswahl a:aktive

Das gibt es nicht