如何将css添加到.scss文件或主题

Question

我试图自定义BigCommerce的主题。问题是这个主题是使用SASS（.scss）文件而不是css。我有SASS的基本知识。

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

现在我发现的方式嵌入我的CSS为主题，这里是我曾尝试 几件事情我想直接添加CSS到这样

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

上面的CSS代码.SCSS文件，该文件我正在输入theme.scss文件（仅用于测试目的），以检查在.scss文件中写入css是否会起作用，但这种方式不会更改字体颜色！

在第二种方式中我尝试使用样式HTML标签添加CSS这样

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

这样它拿起CSS。

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

而不是一个单一的CSS文件是在主题中，我怎么可以将我的CSS添加到该主题？

Answer 1

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

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