Question

我正在尝试自定义BigCommerce的主题。问题是这个主题是使用SASS（.scss）文件而不是css。我对SASS有基本的了解。

但我需要根据html模板自定义主题。换句话说，你可以说我试图将html模板转换为主题（从市场下载的免费主题）。问题是，html模板使用CSS，主题使用.SCSS。所以现在我正试图找到将css模板添加到主题中的方法。

现在我正在寻找将我的CSS嵌入主题的方法，这里有一些我尝试过的东西我试着像这样直接将CSS添加到.SCSS文件中

.header-logo-text{color:#ffffff!important;}

我在theme.scss文件中输入的上述css代码（仅用于测试目的）来检查在.scss文件中写css是否会产生任何影响，但这样做并没有改变字体颜色！

在第二种方式中，我尝试使用这样的样式在html标签中添加css

<div class="anyclass" style="background:red;">

通过这种方式获取css。

我在bigcommerce网站上创建了在线商店，并尝试通过bigcommerce提供的自定义选项进行自定义。由于我无法看到任何上传文件选项，我可以通过该选项将我的css文件直接上传到其中，这就是为什么尝试以某种方式在html或.scss中的主题当前文件中添加css。

主题中不存在单个css文件，如何将css添加到该主题中？

Answer 1

使用.scss语法的SASS是CSS的超集。这意味着有效的CSS自动有效SASS（不是在其他语法.sass中）。当然你需要确保你的SASS文件被编译和包含。

TL; DR：您可以在.scss文件中使用CSS。