嵌套在sass中的麻烦

Question

我知道您可以像这样添加父选择器：

.main-selector {
   .parent-selector & {

   }
}

我正在试图找出是否有办法返回.main-selector，以便我可以向子元素添加悬停状态样式。所以，像这样：

.main-selector {
   .child-selector {
      *styles*
      .main-selector:hover & {
         *hover styles*
      }
   }
}

Answer 1

正确的语法是：

.main-selector {
   .child-selector {
       *styles*
   }
   &:hover {
       *hover styles*
   }
}

这会为您的main-selector产生悬停。你可以用另一种方式来做，就像这样：

.main-selector {
    &:hover {
        *hover styles*
    }
    .child-selector {
        *styles*
    }   
  }