Impliment parent class将hover css悬停到其子标记hover css

Question

在我的场景中，我想在父css的悬停时调用父类的子标记hssing css的css。

这是我的JSFiddle

我希望在.videos-holder figure figcaption:hover

的鼠标悬停时调用.videos-holder figure:hover的css

是否可以在不添加新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;
}