我正在尝试自定义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添加到该主题中?

最佳答案

带有.scss语法的SASS是CSS的超集。这意味着有效的CSS是自动有效的SASS(尽管不是其他语法.sass)。当然,您需要确保SASS文件已被编译并包含在内。

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

关于css - 如何将CSS添加到.scss文件或主题,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/40606007/

10-08 23:37
查看更多