如何在scss中使用amerpsand運算符呈現重複的類？

Question

我試圖使用SCSS的specifity reasons生成一個雙類，避免我曾嘗試下面的示例中的可怕!important

用法：

.my-class { 
    color: black; 

    &.&:hover { 
    color: red; 
    } 
} 

但是，所有我得到的是：

Error: Invalid CSS after "... of parent rule": expected "}", was "&.&:hover {" 

Answer 1

參照your answer，＆符可以插值，以及：

個

.my-class { 
    color: black; 

    &#{&}:hover { 
    color: red; 
    } 
} 

輸出

.my-class { 
    color: black; 
} 
.my-class.my-class:hover { 
    color: red; 
}