如何将 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代码（仅用于测试目的）检查在.scss文件中写入css是否需要不管有没有影响，但是这样它并没有改变字体颜色！

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

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

这样就可以拾取 css。

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

并且主题中没有一个 css 文件，如何将我的 css 添加到该主题中？

Answer 1

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

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

How to add css into .scss file or theme