在 Foundation 中动态设置 Sass 变量

如何在 Foundation 中动态设置 Sass 变量？根据他们的文档 http://foundation.zurb.com/docs/components/tables.html，您可以借助一些 Sass 变量来自定义表格_settings.scss，我们以背景颜色为例。现在，如果我想使用两种不同类型、具有不同背景颜色的表格怎么办？我对 Foundation 和 Sass 都很陌生，这些变量对我来说很像全局变量。

我想我可以制作自己的变量，例如$dark-table-bg，但是我如何让一个表在我的 html 中使用该变量呢？

澄清一下：only我想要实现的目标是让两张桌子相邻，并且颜色不同。

Foundation 不为多种颜色的桌子提供任何特殊结构。如果你想要有 2 种不同的表格样式，你可以像使用 vanilla CSS 一样进行操作。

table.with-alternate-colors {
    th {
        background: blue
    }

    // etc.
}

如果您想查看 Foundation 应用于表格的所有样式，以便知道需要覆盖哪些样式，您可以通过以下方式找到该信息：浏览他们的仓库 https://github.com/zurb/foundation/blob/master/scss/foundation/components/_tables.scss

注意：当你could使用该表混合，我不推荐，除非你要改变一切关于桌子的样式。