無法應用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