CSS3 / Übergang / Schriftfarbe ändere Farbe auf Grand-Grand-Grand-Eltern

Question

Ich spiele mit dem CSS3-Übergang um.Ich hoffe, meine Frage wird nicht zu viel Noob und realistisch sein :) Im Grunde, wann immer Benutzer einige Elemente ausmugen, habe ich über CSS die Farbe des Textes geändert.

Jetzt das Problem, das ich habe, ist das: Ich habe ein DIV-Kästchen mit dem Namen eines Produkts, das in einem Span-Master-Element enthalten ist, das auch andere Daten enthält. Ich möchte die Farbe meines Produkts ändern, wenn Benutzer über die Master-Span-Elemente sind.

Um hier genauer zu sein, ist der HTML-Code:

generasacodicetagpre.

so, um zu fassen, würde ich gerne wissen, ob es in CSS einen Weg gibt, um die Schriftfarbe des Produktnamens ein Element zu ändern, wenn Benutzer über das Master-Wrapper_Productbox-Element oder das Produkt-Bild ein Element versehen.

.

vielen Dank für Ihre Hilfe :)

Answer 1

Zwei Auswahlmöglichkeiten

jeweils etwas anders.

Dadurch wird aktiviert, dass das Schweben über sogar den weißen Leerzeichen in der generationspoDiCETAGCODE-Box ( FILDLE-Beispiel) aktiviert wird):

generasacodicetagpre.

Dies aktiviert nur das Schweben der beiden generationspoDiCETICETAGCODE-Tags in innen des generationstechnischenetagcodes ( FILDLE-Beispiel):

generasacodicetagpre.

Answer 2

Hier ist der Demo ein bisschen jquery verwendet.Wenn Sie reine CSS bevorzugen, müssen Sie Ihren HTML-Code ein wenig neu konstruieren und auf jeden Fall den Abschnitt mit einem div nicht span wickeln, da die Spanne eine sehr kurze Höhe hat und nicht sogar auf Ihren Schwebendruck reagiert.

generasacodicetagpre.