Добавить стиль многоэлементных по наведению - СКС

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