CSS中的Sass（Syntactically Awesome Style Sheets）是一種CSS擴(kuò)展語言，可用于更加輕松高效地創(chuàng)建樣式表。相比于CSS，Sass提供了很多便利的特性，其中包括：

$primary-color: #3bbfce;
$secondary-color: #cacaca;
.box {
background-color: $primary-color;
color: $secondary-color;
}

除了變量和嵌套以外，使用Sass還可以使用混合（Mixins）來簡化代碼，并且可以很方便地在樣式表中重復(fù)使用。下面是一個(gè)使用Mixins的例子：

@mixin button($background, $color) {
background-color: $background;
color: $color;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
}
.primary-button {
@include button(#3bbfce, #ffffff);
}
.secondary-button {
@include button(#cacaca, #333333);
}

另一個(gè)非常重要的Sass功能是繼承（Extend）。繼承可以讓您通過將一個(gè)選擇器擴(kuò)展到另一個(gè)選擇器上來重復(fù)使用樣式，從而減少代碼量。 下面是一個(gè)使用繼承的例子：

.message {
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 16px;
color: #333;
}
.error-message {
@extend .message;
color: red;
}
.success-message {
@extend .message;
color: green;
}

最后，在Sass中，您可以使用運(yùn)算符和其他控制結(jié)構(gòu)（如for循環(huán)和if語句）來處理樣式，以實(shí)現(xiàn)更靈活的布局。下面是一個(gè)使用運(yùn)算符的例子：

.container {
width: 800px / 2;
margin: 0 auto;
}

在這個(gè)例子中，我們可以使用Sass的除法運(yùn)算符來將.container元素的寬度設(shè)置為400px。這種方式比使用像素寬度更加靈活，并且可以讓我們更容易地更改整個(gè)布局。