将父类的悬停 css 应用到其子标签悬停 css

科技小子

在我的场景中,我想在父 css 悬停时调用父类的子标签悬停 css 的 css。

这是我的JSFiddle

我想.videos-holder figure figcaption:hover在悬停时调用 css.videos-holder figure:hover

是否可以在不添加新 ID 和类的情况下执行此操作?顺便说一句,我的主要目的是改变<figcaptio>悬停在<figure>.

文加德什瓦兰
.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;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在父悬停时更改子元素的CSS类

来自分类Dev

JavaFX CSS:当父节点悬停在子节点上时,将悬停效果应用于子节点

来自分类Dev

CSS最大高度未应用到图片标签

来自分类Dev

通过HTML将CSS从文件应用到SVG文件

来自分类Dev

在父元素上停止CSS悬停/悬停

来自分类Dev

CSS标签已悬停

来自分类Dev

将CSS样式应用于父类的子元素

来自分类Dev

将鼠标悬停在父对象上不会影响标记标签CSS

来自分类Dev

如何将CSS类添加或应用到整个HTML

来自分类Dev

如何将 a:active 伪类应用到我的 CSS 代码中?

来自分类Dev

将鼠标悬停在子元素上,在父元素上更改CSS?

来自分类Dev

如何在父悬停时将 css 变换应用于子项

来自分类Dev

如何使用CSS解决父悬停问题?

来自分类Dev

父元素的CSS Sprite悬停状态

来自分类Dev

CSS悬停下拉父颜色

来自分类Dev

CSS没有应用到<label>

来自分类Dev

jQuery将CSS应用于类的父级吗?

来自分类Dev

在CSS中的父悬停上显示子元素

来自分类Dev

jQuery悬停在子元素上以更改父CSS

来自分类Dev

更改父级上的子级CSS:悬停

来自分类Dev

CSS 在父悬停时更改子元素字体颜色

来自分类Dev

使用CSS将悬停类应用于文本框和td元素

来自分类Dev

将鼠标悬停在子项上时保留父CSS

来自分类Dev

将鼠标悬停在父元素上时如何更改首字母的CSS样式?

来自分类Dev

将鼠标悬停在子项上时保留父CSS

来自分类Dev

css3:尝试将动态translate3d应用到:: after

来自分类Dev

无法将CSS规则应用到引导程序可折叠菜单

来自分类Dev

css3:尝试将动态translate3d应用到:: after

来自分类Dev

将 css 应用到与导航栏中 url 路径相对应的 div

Related 相关文章

热门标签

归档