Impliment父類的懸停CSS懸停到其子標籤懸停css

Question

在我的方案中，我想調用父類的懸停Css父類的子標記的CSS。

這裏是我JSFiddle

我要打電話的.videos-holder figure figcaption:hover的CSS上的.videos-holder figure:hover

懸停是否有可能做到這一點沒有增加新的ID和班級？順便說一句，我的主要目的是改變顏色<figcaptio>徘徊在<figure>。

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; 
}