はホバー上の複数の要素にスタイルを追加 - SCSS

Question

I現在、フッターセルがホバーしたときフッターのタイトルとサブタイトル白に変わり、このコードを持っており、それが動作します：

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

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

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

どのような方法があることをIフッタータイトルラインとフッタサブタイトルラインを組み合わせることができますので、重複したコードはありませんか？私はこれを試してみましたが、それは動作しません：

.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