在hover上添加样式到多个元素 - scss

Question

我目前有这个代码，当页脚单元格悬停时，它会将页脚标题和副标题变为白色，并且可以正常运行：

.footer-cell {
    position: relative;
    display: table;
    height: 160px;

    &:hover .footer-title {  // footer-title line
        color: white;
    }

    &:hover .footer-subtitle {  // footer-subtitle line
        color: white;
    }
}

有什么方法可以合并页脚标题行和页脚 - 字幕行，所以我没有重复的代码？我尝试了这个，但它不起作用：

.footer-cell {
    position: relative;
    display: table;
    height: 160px;

    &:hover .footer-title, .footer-subtitle {
        color: white;
    }
}

Answer 1

只需将选择器包装在:hover类中：

.footer-cell {
    position: relative;
    display: table;
    height: 160px;

    &:hover{ 
        .footer-title, .footer-subtitle {
           color: white;
        }
    }
}

Compiles to this