html - 无法应用 SASS 样式

标签 html css sass

我是 SASS 的新手,正在尝试使用 SASS 将相当简单的样式应用于 HTML 文档。但是,我不知道我做错了什么。这是我的 HTML:

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv='Content-Type' content='text/html; charset=UTF-8'>
        <title>SASS Basics</title>
    </head>
    <body>

      <p>SASS Basic</p>

    </body>
</html>

我要应用的 SASS 样式表如下:

$color = #1a1a1a

p
  display: block
  width: 150px
  height: 100px
  color: $color

因此该段落不采用上述任何样式。我还需要 CSS 文件吗?现在我正在测试它:http://sassmeister.com/

最佳答案

您使用的是 = 而不是 : :

$color: #1a1a1a

p
  display: block
  width: 150px
  height: 100px
  color: $color

这是语法。如 Marcin Nabialek 所述,您显然需要安装 Ruby 和 Sass 才能编译此代码。 See here for installation procedure .

关于html - 无法应用 SASS 样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24898557/

相关文章:

html - 如何在移动设备上调整 div 大小(单击角落)?

html - 选择框对齐

css - 选择除最后一个之外的子标签 :after element,

html - CSS:Compass Susy Grid 未正确对齐

css - 是否可以在渲染某个 React 组件时应用不同的全局 CSS 规则?

html - 保持最小/最大高度/宽度的纵横比?

html - 在 React 中渲染 HTMLDivElement

html - 通过调整页面大小扩展导航栏 Twitter Bootstrap

html - SASS 样式在保存 scss 文件时适用,但在浏览器刷新时不适用

html - 用于访问链接的 sass css 导航栏变量