Html 无法应用SASS样式_Html_Css_Sass

Html 无法应用SASS样式

html css sass

Html 无法应用SASS样式,html,css,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> </h

我是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>

因此，该段落不采用上述任何样式。我还需要一个CSS文件吗？现在，我在下面对其进行测试：

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

您肯定应该在上查看使用Sass部分。您可以使用纯SASS，但也可以使用Compass框架

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

然后在HTML文档中添加：

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

使用CSS文件

而且正如前面提到的，您的SASS语法有错误，我个人使用SCSS语法，您使用的是a=而不是a:：

这是关于语法的。正如所提到的，显然需要安装Ruby和Sass来编译此代码

考虑到他们网站上的SASS编辑会自动这样做，为什么什么都不会改变呢？啊，是的。请原谅我的错误。我会尽快接受答案。很乐意帮忙。我建议您使用SCSS语法，它更具可读性，并且避免我犯一些错误。我应该马上开始使用它，但我想我至少可以学习基本的SASS，然后继续使用Sassy。目前正在使用考拉作为应用程序。感谢您的时间：您怎么没有注意到CSS面板中显示的错误？$color后的CSS无效：应为：，was=1A1A

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

$color: #1a1a1a

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