html - 将 SCSS 附加到 HTML 文档

标签 html css sass

<分区>

您好,我是网页设计的新手。我想了解如何将 SCSS 文件附加到 head 标记中的 HTML 文件:

<link href="example" rel="stylesheet/scss" type="text/css">

我试过了,但没有看到结果。我想这就像 LESS 框架。还有一个问题:如果我想使用 SCSS,我应该将它编译成主机吗?

最佳答案

您不能将 SASS/SCSS 文件“附加”到 HTML 文档。

SASS/SCSS 是一种 CSS 预处理器,它在服务器上运行并编译为您的浏览器可以理解的 CSS 代码。

有 SASS 的客户端替代方案,可以使用 javascript 在浏览器中编译,例如 LESS CSS ,尽管我建议您编译为 CSS 以供生产使用。

这就像在您的 HTML 文件中添加 2 行代码一样简单。

<link rel="stylesheet/less" type="text/css" href="styles.less" />
<script src="less.js" type="text/javascript"></script>

关于html - 将 SCSS 附加到 HTML 文档,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19215517/

相关文章:

jquery - 我怎样才能使我的左侧社交侧边栏与帖子正文相邻?

jquery - Bootstrap Navbar 下拉列表在桌面上变得凌乱,但在移动设备上却没有

html - 带有白色光标的透明输入文本和背景

Javascript: Canvas 绘图(2 个相同的文件,但结果不同)

jquery - 悬停图像时添加箭头

Sass @extend 在媒体查询中

Sass 编译器在 sublime text 3 中不起作用

html - 不影响 HTML 文档的 CSS 代码

html - 当我不想创建另一个时如何重用我的 <div>

javascript - AngularJS ng-click 在点击时显示值