如何将SASS变量分配给CSS选择器4? 我已经在谷歌上搜索并搜索了所有的内容,当然也经过了相关的文档,但是关于基金会4的一些事情我似乎无法理解,这与SAS如何转换有关。 我已经用RooProject命令建立了指南针基础,所以SASS正在运行。app.scss文件正在导入“设置”和“基础”,并正在使用“监视”进行编译

如何将SASS变量分配给CSS选择器4? 我已经在谷歌上搜索并搜索了所有的内容,当然也经过了相关的文档,但是关于基金会4的一些事情我似乎无法理解,这与SAS如何转换有关。 我已经用RooProject命令建立了指南针基础,所以SASS正在运行。app.scss文件正在导入“设置”和“基础”,并正在使用“监视”进行编译,css,sass,zurb-foundation,Css,Sass,Zurb Foundation,我问题的前半部分:我知道app.css是从gem中的组件文件编译而来的(这句话有意义吗?),但是我在哪里可以找到这些组件呢?例如,“基础/组件/全局”在哪里 我问题的后半部分:app.scss中声明的变量,如/$body bg:#fff:Sass如何知道该变量与CSS中的什么相关?我找不到它被分配到的任何地方,比如说,body{background}。另外,如果上面的变量被注释掉(如我的示例中),Sass如何导入该变量?几乎所有_settings.scs中的变量都被注释掉了 我已经花了好几天的时

我问题的前半部分:我知道app.css是从gem中的组件文件编译而来的(这句话有意义吗?),但是我在哪里可以找到这些组件呢?例如,“基础/组件/全局”在哪里

我问题的后半部分:app.scss中声明的变量,如
/$body bg:#fff:Sass如何知道该变量与CSS中的什么相关?我找不到它被分配到的任何地方,比如说,
body{background}
。另外,如果上面的变量被注释掉(如我的示例中),Sass如何导入该变量?几乎所有_settings.scs中的变量都被注释掉了


我已经花了好几天的时间试图得到这个,我觉得我错过了一些非常明显的愚蠢的事情,但我觉得我几乎想把我的笔记本电脑扔出窗外:(

当与指南针一起使用时,基础就是所谓的指南针扩展()它基本上是一个捆绑在一起的Sass和Ruby文件的集合,使它们可以在项目中使用,而无需复制文件

在config.rb中,您可能有如下内容:

require 'foundation'
@import 'foundation';
这将使扩展可用于您的项目。此时,您可以使用的只是用Ruby编写的Sass函数。要引入Sass文件(mixin、themes等),您需要像这样导入它们:

require 'foundation'
@import 'foundation';
假设扩展名使用推荐的命名约定和目录结构,它将包含扩展名中名为_foundation.scss的文件,该文件通常会导入扩展名中的一组其他文件。这就是foundation的主导入文件的外观:

使用哪个变量的细节如何通过查看源来发现:


扩展名中的变量通常设置了默认值。您的设置文件为您提供了覆盖这些值的选项,并以典型的配置文件样式写入(即,列出了默认值,但注释掉了).

好的,但我可能会先把它绑在一个字符串上!非常感谢!我仍然不是百分之百地了解所有事情,但现在它更有意义了。我在设置文件中提到的变量在我取消注释之前不会起任何作用。感谢链接,我会找到它们的!