html - 如何使用 CSS 选择两个类?

标签 html css

我想知道如何选择两个类,以便当我将鼠标悬停在其中一个类上时,它会执行我想要的动画。这是我尝试过的:

.news1 {
    -webkit-filter: blur(3px);
    filter: blur(3px);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;;

}
.news1:hover .news1msg:hover {
    -webkit-filter: blur(0);
    filter: blur(0);
}
.news1msg {
    -webkit-filter: blur(3px);
    filter: blur(3px);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;;
}

最佳答案

如果你想将相同的 css 应用于多个类或选择器,你可以使用逗号。

.class1,
.class2{
     /* some styles */
}

关于html - 如何使用 CSS 选择两个类?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41164594/

相关文章:

javascript - 如何根据嵌套元素的 anchor 居中div

javascript - 跨浏览器兼容打开新选项卡/窗口(浏览器)

javascript - Bootstrap modal ('hide' ) 没有删除所有应用的属性

javascript - 错误 : Cannot read property 'top' of null

打包时 CSS 中断

javascript - 使用 html5 在 Canvas 内移动文本

javascript - disabled = true 可以在 <style> 上动态设置。为什么不是静态的?

javascript - 介绍 : when using intro background images appear above popup

css - 如何设置下拉菜单的样式?

html - 如何让div填充固定宽度div左右两侧的水平空间