數據類型是一個類型的資訊，對於每一數據對象這需要聲明數據類型。下表顯示SassScript支持各種數據類型：
| S.N. |
數據類型及說明
|
示例 |
|---|---|---|
| 1 |
Numbers
它代表整數類型
|
2, 10.5 |
| 2 |
Strings
單或雙引號中定義的字元序列
|
'zaixian', "zaixian" |
| 3 |
Colors
用於定義顏色值
|
red, #008000, rgb(25,255,204) |
| 4 |
Booleans
布爾類型返回true或false
|
10 > 9 指示為 true |
| 5 |
Nulls
它指定為空值，未知的數據
|
if(val==null) {//statements} |
| 6 |
Space and Comm
表示由空格或逗號分隔值
|
1px solid #eeeeee, 0 0 0 1px |
| 7 |
Mapping
它從一個值映射到另一個值
|
FirsyKey: frstvalue, SecondKey: secvalue |
字串
字串是一系列單或雙引號字元。用單引號或雙引號定義的字串將通過使用#{}插補(選擇使用變數的一種方式)被顯示為不帶引號的字串值。
示例
下麵的例子演示了在SCSS檔中使用字串：
<html>
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>字串 - www.xuhuhu.com</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<h2>字串使用示例</h2>
<p class="zaixian">Sass is an extension of CSS that adds power and elegance to the basic language.</p>
</div>
</body>
</html>
接下來，產生一個檔：style.scss.
style.scss
$name: "zaixian";
p.#{$name} {
color: blue;
}
你可以告訴SASS監視檔，並隨時使用下麵的命令更新SASS檔修改CSS：
sass --watch C:\Ruby22-x64\style.scss:style.css
接著執行上面的命令，它會自動創建style.css檔，下麵的代碼：
style.css
p.zaixian{
color: blue;
}
輸出結果
讓我們來執行以下步驟，看看上面的代碼執行結果：
-
保存上述的HTML代碼到strings.html檔。
-
在流覽器中打開該HTML檔，輸出如下得到顯示。
Lists
列表指定使用空格或逗號，甚至單個值分隔的多個值被視為一個列表。Sass使用了一些的列表的功能，如：
-
nth 函數: 它提供了列表的特定的專案
-
join 函數: 它將多個列表加入成為一個列表
-
append 函數: 追加的專案到列表的另一端
-
@each 指令: 它提供列表中每個專案的樣式
例如，考慮有兩種類型的列表;第一個列表包含了使用逗號分隔如下列值。
10px 11px, 15px 16px
如果內部列表和外部列表擁有相同的分隔符號，那麼可以用括弧來指定兩份列表的開始和結束。可以指定列表如下圖所示：
{10px 11px} {15px 16px}
Maps
映射是那些鍵用來表示鍵和值的組合。映射定義值成組，並且可以被動態訪問。映射運算式可以寫為：
$map: (FirsyKey: frstvalue, SecondKey: secvalue, Thirdkey: thdvalue);
它使用的一些功能，如：
-
map-get: 提供映射的值。
-
map-merge: 它增加值到映射中
-
@each directive: 它規定了鍵/值對映射的樣式
映射沒有任何元素表示空鍵/值對 ( ) ，使用inspect($value)函數來顯示輸出映射。
Colors
它是用於定義SassScript顏色值。例如，如果正在使用顏色代碼為#ffa500，那麼它將會顯示為橙色壓縮模式。Sass提供類型在無效語法時，顏色插值到選擇其他輸出模式相同的輸出格式。要克服這個問題，使用顏色名稱在引號內。