麻煩與青菜

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* 
    } 
    }