sass - 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

标签： sass

Answer 1

你能试试这个

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