Stil mit mehreren Elementen auf schweben - SCSS

Question

Im Moment habe ich diesen Code, der die Fußzeile Titel und Untertitel weiß wird, wenn eine Fußzeile Zelle ist vorbei schwebte, und es funktioniert:

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

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

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

Gibt es eine Möglichkeit, dass ich kann die Fußzeilen-Titelzeile und die Fußzeile-Untertitel-Zeile kombinieren, so dass ich keinen doppelten Code habe? Ich habe versucht, diese aber es funktioniert nicht:

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

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

Answer 1

einfach wickeln die Selektoren in der :hover Klasse:

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

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

Compiles to this