SASS — 如何将父选择器转换为 ID 选择器

Question

>我有这个：

.a-btn {
//rules here
##{&}__label {
//more rules
}
}

所以我在追求这样的输出：

.a-btn {…}
#a-btn__label {…}

但是这会导致此错误：

SassError: Invalid CSS after "#": expected selector, was "#.a-btn"

所以我需要将.a.btn转换为a-btn.因此，我尝试使用这样的str-slice：

.a-btn {
//rules here
##{str-slice(&, 2)}__label {
//more rules
}
}

但这会产生：

SassError: argument `$string` of `str-slice($string, $start-at, $end-at:-1)` must be a string

Answer 1

你能试试这个吗

.a-btn 
@at-root ##{str-slice(#{&},2)}__label
height: 200px
width: 200px
background: red