Question

我对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/

下测试了所有内容

Answer 1

您使用=代替:：

$color: #1a1a1a

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

这是为了语法。正如Marcin Nabialek所提到的，您显然需要安装Ruby和Sass才能编译此代码。 See here for installation procedure

Answer 2

不，您需要将SASS文件转换为CSS文件。浏览器只知道CSS文件，而不知道SAS语言。

您一定要查看Sass page处的使用Sass 部分。您可以使用纯SASS，但也可以使用Compass框架。

正如您在sassmeister.com看到的，您还将代码转换为CSS语法，因此对于简单的CSS文件，理论上您可以将此CSS简单复制到CSS文件中，但我不推荐它。您应该学习如何使用SASS手表。

在HTML文档中，您应该添加：

<link rel="stylesheet" href="yourcssfilename.css" media="all" />

使用CSS文件。

并且 zessx 提到你的SASS语法中有错误（我个人使用SCSS语法）

无法应用SASS风格

2 个答案: