ネスティング・ホバー：SASSで動作していない

Question

どのようにして、次のCSSをSASS/SCSSに入れることができますか？ ：

.lowernav>li>a:hover:not(.active) 
{ 
    background-color: #FF4E4E; 
    color: white; 
} 

Answer 1

あなたは使用する必要があります：ホバーセレクタの前にセレクタない：

.lowernav { 
    > li { 
     > a { 
      // base styling 

       &:not(.active):hover { // Hover styling 
        background-color: #FF4E4E; 
        color: white; 
       } 
     } 
     } 
}