Sass認爲單個項目作爲一個道具陣列

Question

對於.test1和.test2，結果是相同的（如在鏈接中）。 https://gist.github.com/programmersharp/2d83727f5a59ece5bc633edcbf4a7084

我的目標是拿到1 .test1和2 .test2

你知道，如果有一些類似@each，不會在數組中循環訪問屬性，如果只是一個單一的項目。

Answer 1

解決方法是在「單個元素列表」的末尾添加一個,。

$array1: ("x": 1, "y": 1),; 
$array2: ("x": 1, "y": 1), ("x": 2, "y": 2); 

這將產生length的預期結果。

---

說明

考慮下面的代碼：

$array1: ("x": 1, "y": 1); 
$array2: ("x": 1, "y": 1), ("x": 2, "y": 2); 

.test1 { 
    width: length($array1); 
} 
.test2 { 
    width: length($array2); 
} 

的$array1被定義爲薩斯地圖同時$array2被定義爲薩斯列表。當您調用length函數時，它的行爲將與您已經猜到的不同。

• length($array1)將產生2，因爲地圖有兩個鍵值對。
• length($array2)將產生2，因爲該列表有兩個值。

因此，攻擊薩斯是強制$array1評估爲列表而不是地圖。你可以用最後的神奇懸掛,來做到這一點。