嵌套悬停：不在SASS中不起作用

Question

如何将以下css放入SASS / SCSS？ ：

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

Answer 1

您应该在悬停选择器之前使用：not selector：

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

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