Wie ändere ich die Farbe eines Hyperlinks beim Mouseover eines Bildes?

Question

Ich baue eine Webseite mit einem kleinen Kreisdiagramm. Der Kuchen besteht aus 6 Teilen und auf der rechten Seite dieses Bildes habe ich die Text-Hyperlinks, auf die eine Person optional klicken kann, um zu demselben Ort zu gelangen, an dem das Klicken auf das Stück Kuchen sie aufnimmt.

Die Hover-Eigenschaft wird festgelegt, um die Farbe des Hyper-links auf Mauszeiger zu ändern. Gibt es eine Möglichkeit, dass ich auch über das Bild-Pie-Stück schweben kann und die Text-Hyperlinks immer noch die Farbe ändern, so als würde ich über ihnen schweben?

Danke.

Answer 1

Wickeln Sie sie in einen Container und wenden Sie die Hover-Funktion auf diesen Container an.

jsFiddle example

CSS:

.container:hover a { 
    color: black; 
    text-decoration: none; 
} 

Alternativ können Sie die CSS + Selektor verwenden, um die nächste Geschwisterelement
Sehen Sie diese aktualisiert example