不行！！！

一般情况下，$X 这些是变量，只会用作属性值，例如：

$color:red;                          
p{                   编译          p{     
color:$color;                        color:red;
}                                   }

而当你想要把它用作属性名的时候，就必须加外面的#{}

.#{$color}-btn{          编译出来      .red-btn{        
      color:$color;                           color:red;
       }                                      }

简而言之就是一句话，要把变量用作属性名时一定要加 #{} 。