如何取消嵌套SCSS

编程问答 2022-06-10

问题描述

我有一个包含嵌套样式的scss文件。该文件最终将用作Zendesk的样式表。 Zendesk允许您使用诸如变量和颜色函数之类的scss，但是 not 却不允许您使用嵌套样式声明。有什么方法可以取消嵌套样式，同时保持变量和颜色函数不变？我试图寻找“拉平”功能无济于事。

例如：

输入 

.footer {
  .footer-language-selector {
    color: lighten($color_3,20%);
  }
}

所需的输出注意：变量和颜色函数均与输入相同

.footer .footer-language-selector {
  color: lighten($color_3,20%);
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

sasszendesk