SASS版LESS的“&”符号?

时间:2014-06-21 21:03:33

标签: css sass less css-preprocessor

我正在将LESS文件转换为SASS。到现在为止还挺好。

但是我看到这样的块:

.btn {
  padding: 14px 28px;

  &-lg {
    padding: 16px 32px;
  }

  &-sm {
    padding: 8px 16px;
  }

  &-xs {
    padding: 4px 8px;
  }
}

很明显,块的类名被插入到每个&上,从而在输出上创建.btn-lgbtn-sm等。

SASS是否有“&”相当于或我是否必须遍历每个块并在父类的名称中进行编辑?

生成错误:

  

语法错误:“&”之后的CSS无效:期望“{”,是“-default {”
      语法错误:“&”之后的CSS无效:期望“{”,是“-collapse {”
                    “-collapse”只能在复合选择器的开头使用               /var/www/html/geqqo/wp-content/themes/geqqo/includes/resources/bootstrap/sass/geqqo/bootstrap.scss第18行         使用--trace进行回溯。

0 个答案:

没有答案