Stylesheet - Multi-Klassen - hover

Hallo,

wie kann man nochmal einen hover effekt ect. für mehrere klassen schreiben?

.class1, class2:hover { }

geht nicht. das gleiche auch bei

.class1, class2:hover a{ }

Danke.

.class1 fehlt :hover, und für .class2:hover der vorangestellte Punkt.

.class1:hover, .class2:hover {} .class1:hover a, .class2:hover a {}

Du suchst vielleicht ein Attribut-Selektor?

Danke. Wie es Spicelab gepostet hat wollte ich es. :slight_smile:

EDIT

Nochmal eine Frage.
Also wenn ich 2 Divs habe - sagen wir eine linke und rechte spalte, welche die Klasse:
Class-1 und Class-2 haben.

In den jeweiligen Divs 1 und 2 habe ich einen Div mit der Klasse: Class-3. Jetzt wollte ich einen Hover effekt für Class-3 einrichten, wenn man entweder über Class-1 oder Class-2 fährt.

So funktioniert es nicht:

.Class-1:hover, .Class-2:hover .Class-3 {
color:red;
}

Zuvor eine Anmerkung:

In einem zwischenzeitlich erledigt markierten Thema nach 8 (!) Stunden im letzten Beitrag ein „EDIT“ zu ergänzen ist schon gewagt, dass davon überhaupt noch (zeitnah) Notiz genommen wird. Einen Hinweis, wie bei einer Antwort in einem beobachteten / abonnierten Thema, erhält man in solch einem Fall nicht vom System. Reiner Zufall, dass ich hier eben nochmal reingeschaut habe.

Zu dem Problem:

Bei .Class-1:hover fehlt das Nachfolgeelement .Class-3, für das die Formatierung gelten soll.

Wenn der zweite Selektor trotz Vollständigkeit nicht funktioniert, stellt sich aus der Ferne die Frage, ob Du im HTML-Code die Groß- u. Kleinschreibung bei der Vergabe der Klassennamen beachtet hast, denn CSS (wie auch JS) sind hier case-sensitive.

Oder bezieht sich Deine Aussage lediglich auf .Class-1:hover?

Anyway, hier mein funktionstüchtiges Demo: https://jsfiddle.net/spicelab/7c3vsky0/

Danke für den Hinweis und danke für die Demo.

.Class-1:hover .Class-3, .Class-2:hover .Class-3

Jetzt gehts! ;);):wink: