麻烦与青菜

Question

嵌套我知道你可以这样添加父选择：

.main-selector { 
    .parent-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* 
    } 
    }