sass —如何将双亲转换为id选择器

最后发布: 2019-12-03 10:18:02


问题

我有这个:

.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
回答

你可以试试这个吗

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