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

Question

我正在尝试自定义BigCommerce的主题。 问题是此主题正在使用SASS（.scss）文件而不是CSS。 我有SASS的基本知识。

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

现在，我正在寻找将CSS嵌入主题的方法，以下是我尝试将CSS直接添加到.SCSS文件中的一些尝试

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

上面我在theme.scss文件中键入的css代码（仅出于测试目的）检查在theme.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。