Impliment Elternklasse Hover Css zu seinem Kind-Tag Hover Css

Question

In meinem Szenario, ich möchte Css der Eltern-Klasse-Kind-Tag schweben css auf Schweben von Eltern css aufrufen.

hier ist mein JSFiddle

Ich will die CSS von .videos-holder figure figcaption:hover auf schweben nennen von .videos-holder figure:hover

Ist es möglich, dies zu tun, ohne dass neue IDs und Klassen hinzufügen? Übrigens, mein Hauptzweck ist es, die Farbe <figcaptio> beim Schweben auf <figure> zu ändern.

Answer 1

.videos-holder figure figcaption:hover{ 
    -webkit-filter: grayscale(0%); 
    filter: grayscale(0%); 
    -webkit-transition: .2s; /* Safari */ 
    transition: .2s; 
} 

Replace to

.videos-holder figure:hover figcaption{ 
    -webkit-filter: grayscale(0%); 
    filter: grayscale(0%); 
    -webkit-transition: .2s; /* Safari */ 
    transition: .2s; 
}