创建没有声明的选择器

时间:2019-01-15 12:59:22

标签: sass

我打算通过创建[_partial]并使用[@import]来使用SASS。

问题:如何创建没有声明的选择器?

我当然会用声明填充选择器, 但是该输入来自其他[_partials]。我是否正确理解SASS会删除没有声明的选择器?有什么解决方法吗?

我的局部结构如下。

  • @import'_1-partial_variables.sass'
  • @import'_2-partial_divs_only.sass'
  • @import'_3-partial_wrapper.sass'
  • @import'_4-partial_divs_layout.sass'

到目前为止,我已经尝试过:

在[_2-partial_divs_only.sass]中,我尝试过:

.div-1

(该构建程序执行无误,但未创建div本身)。

.div-1 {};

(构建脚本显示“错误:预期换行符”。

使用SCSS作为源文件的相同情况如何?

结果完全相同,不会创建带有空白声明的选择器。

我的构建行是:

sass --no-source-map main.sass main.css

1 个答案:

答案 0 :(得分:0)

似乎这可以使SASS编译器创建选择器[.div-1]:

.div-1
  /*! keep */

这也可以:

.div-1
  /**/

由于源是SASS文件,因此我不会添加[{}]或[;]。

从SASS到CSS构建时会自动创建这些字符。