[CSS] Mehrere Objekte - eine ID?

[moneycoach]

Hey liebe Forengemeinde
auf meiner homepage wollte ich mittels CSS einen Hover-Effekt einfügen. Klappt auch soweit gaz gut, ich habe den Links mittels einer ID immer den folgenden Effekt zugewiesen:

Code: Alles auswählen

#test       { color:#000000; }
#test:hover { color:#FFFFFF; }

Jetzt habe ich aber gemerkt, dass es nicht xhtml-strict ist, wenn eine ID mehrmals zugewiesen ist. Aber da es recht viele links sind, kann ich nicht für jedes einen neuen Abschnitt in der .css-Datei erstellen. Aber mit der "class"-Funktion bekomme ich den Hover effekt auch nicht hin.

Wäre nett, wenn mir einer helfen könnte.
Danke im Vorraus

[homoerectus]

müsste so funktionieren:
in der html-datei:

Code: Alles auswählen

<p class="test">blabla</p>

und in der css-datei

Code: Alles auswählen

.test { color:#000000; }
.test:hover { color:#FFFFFFF; }

Mehrere gleiche ids sind nicht XHTML-Strict-konform (und afaik auch nicht HTML), weil IDs dazu gedacht sind, genau einem Element zugewiesen zu werden. Wenn du mehrere Elemente zusammenfassen willst, musst du das class-Attribut benutzen. Das ist auch der Grund dafür, dass man auf Elemente mit einer bestimmten ID einen Link setzen kann, aber nicht auf class-Attribute

Schöne Grüße

[moneycoach]

funktioniert super, vielen dank

kann geclosed werden