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