Tim Tepaße: Zwei CSS-Link-Arten in einem Link verbinden

Beitrag lesen

Hallo Daniel,

ich habe in einer Externen CSS-Datei mehrere Arten von a:link und a:hover,

Also Links verschiedener Qualitäten, die dann eine Klasse zugewiesen
bekommen haben? So ungefähr?

http://selfhtml.teamone.de/css/formate/zentrale.htm#klassen

wenn ich jetzt zum´Beispiel :
a.1_link {.....}
a.1_hover {....}
habe, wie kann ich das im A Start-tag befehlen?

Wie bitte? Du hast da zwei Selektoren, die auf Link-Elemente hinweisen,
der eine hat die Klasse »l_link« und der andere »l_hover«. Wenn Du da
im Start-Tag des Link-Elementes etwas »befehlen« willst, dann diese
beiden Klassen jeweils über das class-Attribut einbinden. Also so:

<a class="l_link" href="..">...
  <a class="l_hover" href="..">...

Das dürfte Dir allerdings klar sein. Da Du Deine Frage extrem vage gestellt
hast, kann ich nur raten. Du hast seperate Klassen und willst dafür jeweils
eigene Pseudoklassen gestalten?

Dann von Anfang an. Und zwar CSS-Selektoren. Im allgemeinsten Fall hat der
Selektor nur ein HTML-Element:

a {...}

Unterscheiden sich nun diese Elemente in Gruppen und zwar durch die
Angabe von Klassen, werden die unterschiedlchen Klassen per Punkt
hintendran gehängt:

a.klasse1 {...}
  a.klasse2 {...}

Will man Pseudoklassen notieren, werden diese auch hintendran gehängt:

a:link    {...}
  a:visited {...}
  a:hover   {...}
  a:active  {...}
  a:focus   {...}

Was passiert nun, wenn Klassen und Pseudoklassen aufeinandertreffen?
Welche Reihenfolge wird genommen? Diese: Vom allgemeinsten zum
speziellen. Am allgemeinsten ist hier das HTML-Element, also kommt
das am Anfang. Etwas aber nur etwas spezieller sind bestimmte Gruppen
von Elementen, nämlich die mit mit Klassen ausgezeichneten. Also
kommen diese als nächstes. Und Pseudoklassen und sonstige Pseudoformate
kommen dann am Schluß. Also:

a.klasse1:link  {...}
  a.klasse1:hover {...}
  ...
  a.klasse2:link  {...}
  a.klasse2:hover {...}
  ...

Ist es das, nachdem Du fragen wolltest, was Du aber nur schlecht
artikulieren konntest? Ich hoffe ja.

(Entschuldige bitte meine vielleicht herablassend wirkende, aber bestimmt
nicht so gemeinte, Schritt-für-Schritt-Erklärung. Ich wollte etwas haben,
auf das ich in Zukunft verlinken kann, da diese Frage hier öfters gestellt
wird und das ganze in SELFHTML nicht so gut herauskommt.)

  • Tim
--
#962