CSS Problem mit class="*"

[Christian]

Hallo!

Eine Frage:
Wie geht es, dass man in CSS z.B. a:hover eine Klasse zuweist? Mit z.B. a:hover.gelb bestimmt nicht. Ich habe nämlich folgendes Problem: Ich habe eine Tabelle, in der alle Links meiner Seite sind, und dann noch andere Links weiter unten. Die Links weiter unten sollen anders aussehen. Ich könnte das zwar alles mit <A href="*" style="color:#123456"> usw. lösen, aber es geht doch bestimmt auch einfacher. Aus der Erklärung in SELFHTML wurde ich ehrlich gesagt nicht schlau und frage deshalb hier nach Hilfe.
Danke,

Christian

[MudGuard]

Hi,

Wie geht es, dass man in CSS z.B. a:hover eine Klasse zuweist?
Mit z.B. a:hover.gelb bestimmt nicht.

Doch, genauso. Zumindest in CSS2.

Einige Browser verstehen aber nur die CSS1-Variante, bei der die Pseudo-Klasse am Schluß stehen muß:

a.gelb:hover

Ich habe eine Tabelle, in der alle Links meiner Seite sind, und dann noch andere Links weiter unten. Die Links weiter unten sollen anders aussehen.

Gib der Tabelle eine id, z.B. id="navi".

Dann:

/* für die Links in der Tabelle */
#navi a:link { /*...*/ }
#navi a:visited { /*...*/ }
#navi a:focus { /*...*/ }
#navi a:hover { /*...*/ }
#navi a:active { /*...*/ }
/* für die sonstigen Links */
a:link { /*...*/ }
a:visited { /*...*/ }
a:focus { /*...*/ }
a:hover { /*...*/ }
a:active { /*...*/ }

cu,
Andreas

[Axel Richter]

Hallo,

Wie geht es, dass man in CSS z.B. a:hover eine Klasse zuweist?
Mit z.B. a:hover.gelb bestimmt nicht.
Doch, genauso. Zumindest in CSS2.

Wo steht das? Ich finde in http://www.w3.org/TR/REC-CSS2/selector.html#pseudo-elements nur:
If the following link:
<A class="external" href="http://out.side/">external link</A>
has been visited, this rule:
A.external:visited { color: blue }
will cause it to be blue.

viele Grüße

Axel

[MudGuard]

Hi,

Hallo,

Wie geht es, dass man in CSS z.B. a:hover eine Klasse zuweist?
Mit z.B. a:hover.gelb bestimmt nicht.
Doch, genauso. Zumindest in CSS2.
Wo steht das? Ich finde in http://www.w3.org/TR/REC-CSS2/selector.html#pseudo-elements nur:

A simple selector is either a type selector or universal selector followed immediately
by zero or more attribute selectors, ID selectors, or pseudo-classes, in any order.
                ^^^^^^^^^^^^^^^^^^^                   ^^^^^^^^^^^^^^  ^^^^^^^^^^^^

http://www.w3.org/TR/REC-CSS2/selector.html#q2

Und der Vollständigkeit halber für CSS 1:
In a contextual selector, pseudo-elements are only allowed at the end of the selector:
                          ^^^^^^^^^^^^^^^                         ^^^^^^^^^^^^^^^^^^^

http://www.w3.org/TR/REC-CSS1#pseudo-elements-in-selectors

cu,
Andreas

[Axel Richter]

Hallo,

Mit z.B. a:hover.gelb bestimmt nicht.
Doch, genauso. Zumindest in CSS2.
Wo steht das? Ich finde in http://www.w3.org/TR/REC-CSS2/selector.html#pseudo-elements nur:
A simple selector is either a type selector or universal selector followed immediately
by zero or more attribute selectors, ID selectors, or pseudo-classes, in any order.

In any order. Also _auch_ in CSS1-order. Gut, ich dachte schon, ich müsste meine Logik überdenken ;-)) Logisch ist für mich:
Elementtyp.Klasse:Pseudoklasse
Elementtyp#Id:Pseudoklasse

viele Grüße

Axel

[Christian]

Hallo,

danke für deine Antwort.

Das hört sich doch schon ganz anders als meine (kläglichen) Versuche an. Ich werde es gleich mal ausprobieren.

Cu,

Christian