Css2s2是一種CSS預處理器，它擴展了CSS語言的功能。它允許您使用變量，函數和嵌套規則來編寫更易于維護和組織的CSS代碼。

// 聲明一個變量
$primary-color: #007bff;
// 使用變量
.button {
background-color: $primary-color;
color: white;
}
// 嵌套規則
.card {
background-color: white;
border-radius: 5px;
// 嵌套子元素規則
h1 {
font-size: 18px;
margin-bottom: 10px;
}
p {
font-size: 16px;
line-height: 1.5;
color: #666666;
}
}
// 定義一個函數
@function calcRem($pixels) {
$rem-size: 16px;
@return ($pixels / $rem-size) * 1rem;
}
// 使用函數
h1 {
font-size: calcRem(32);
}

使用Css2s2可以提高代碼的可讀性，降低維護成本。它還可以幫助您更快地編寫CSS代碼，因為您不再需要重復地編寫樣式。它可以用于任何類型的項目，無論是小型網站還是大型Web應用程序。