无法应用SASS样式

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来编译此代码。 有关安装过程，请参见此处。

Answer 2

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

您绝对应该看一下Sass页面上的Using Sass部分。 您可以使用纯SASS，但也可以使用Compass框架。

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

在HTML文档中，然后应添加：

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

使用CSS文件。

就像zessx提到的那样，您的SASS语法有误（我个人使用SCSS语法）

无法应用SASS样式

问题描述

2 个解决方案

解决方案1
2 已采纳 2014-07-22 22:00:29

解决方案2
1 2014-07-22 21:57:50

无法应用SASS样式

问题描述

2 个解决方案

解决方案1 2 已采纳 2014-07-22 22:00:29

解决方案2 1 2014-07-22 21:57:50

解决方案1
2 已采纳 2014-07-22 22:00:29

解决方案2
1 2014-07-22 21:57:50