無法應用SASS風格

-1

我是SASS的新手，並試圖將相當簡單的樣式應用於使用SASS的HTML文檔。但是，我不知道我做錯了什麼。這裏是我的HTML：無法應用SASS風格

<!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/

來源

2014-07-22 Jessie Stalk

你怎麼沒有注意到CSS面板中顯示的錯誤？「$ color」後的無效CSS：expected「：」，was「=＃1a1a1a」' – cimmanon

您正在使用的=代替:：

$color: #1a1a1a 

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

這是語法。正如Marcin Nabialek所提到的那樣，您顯然需要安裝Ruby和Sass才能編譯此代碼。 See here for installation procedure。

來源

2014-07-22 22:00:29 zessx

啊，是的。請原諒我的錯誤。我會盡快接受答案。 –

很高興幫助。我會建議你使用SCSS語法，這是更具可讀性並避免（我）犯幾個錯誤。 – zessx

我會馬上開始，但我想我至少可以學習基本的SASS，然後繼續進行Sassy。現在使用考拉作爲應用程序。感謝您的時間：） –

不，您需要將您的SASS文件轉換爲CSS文件。瀏覽器只知道CSS文件而不知道SAS語言。

你一定要看看使用Sass部分在Sass page。您可以使用純SASS，但也可以使用Compass框架。

正如您在sassmeister.com處看到的，您還將代碼轉換爲CSS語法，因此對於簡單的CSS文件，您理論上可以簡單地將此CSS複製到CSS文件中，但我不會推薦它。你應該學習如何使用SASS手錶。

在HTML文檔，你應該再補充：

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

使用CSS文件。

同時也可作爲zessx提到你在你的SASS語法有錯誤（我本人來說使用SCSS語法）

來源

2014-07-22 21:57:50

考慮到他們網站上的SASS編輯器會自動執行此操作，爲什麼沒有任何更改？ –

無法應用SASS風格

回答

相關問題