您可以将多个悬停属性应用于同一个元素吗？

Question

我希望在悬停我的元素时发生一些事情，但我也希望悬停触发另一个类的更改。

以下是我的尝试：

.meet:hover{
    color:#EE3A43 !important;
    background-color:rgba(255,255,255,.3) !important;
}

.meet:hover .trainerContent{
    opacity:.3;
}

我想用CSS做什么才能实现？