Sass（Syntactically Awesome Stylesheets）是一種CSS預處理器，它在CSS的基礎上增加了一些擴展和功能，使得開發者可以更加方便地編寫和維護CSS代碼。

$primary-color: #007bff;
nav {
background-color: $primary-color;
a {
color: #fff;
&:hover {
text-decoration: none;
}
}
}

Sass的主要特點是可以使用變量、嵌套、混合、繼承、函數等高級功能，讓CSS代碼更加清晰易懂以及更易于維護。下面我們詳細介紹一下這些功能。

首先是變量，可以使用$來聲明一個變量，然后在樣式中使用這個變量，從而方便地管理顏色、字體、寬度等屬性。

$primary-color: #007bff;
$font-size: 16px;
$border-style: solid;
.btn {
background-color: $primary-color;
color: #fff;
font-size: $font-size;
border: $border-style;
}

接下來是嵌套，在Sass中可以使用嵌套來組織樣式，可以讓樣式更加清晰易懂。例如可以在父元素下嵌套子元素的樣式。

nav {
background-color: #fff;
ul {
margin: 0;
padding: 0;
list-style: none;
li {
display: inline-block;
a {
padding: 5px 10px;
text-decoration: none;
color: #007bff;
&:hover {
color: #0056b3;
}
}
}
}
}

混合是sass中另一個強大功能，它類似于一種函數調用，可以重用某一段樣式，避免代碼重復。例如可以將一段常用的樣式定義成混合器，然后在樣式中引用這個混合器。

@mixin border-radius($radius) {
-webkit-border-radius: $radius;
-moz-border-radius: $radius;
border-radius: $radius;
}
.box {
@include border-radius(5px);
background: #fff;
border: 1px solid #ddd;
padding: 10px;
}

最后是繼承，繼承是一種代碼復用方法，可以通過繼承一個父樣式來獲得父樣式的所有屬性。例如可以定義一個基礎樣式，然后通過繼承這個樣式來增加一些特殊的屬性。

.link {
text-decoration: none;
color: #007bff;
}
.btn {
@extend .link;
padding: 5px 10px;
border: 1px solid #007bff;
&:hover {
background-color: #007bff;
color: #fff;
}
}

以上就是Sass的主要功能和用法，它可以讓CSS代碼更加規范、易懂、易于維護，提高開發效率，是一種非常實用的CSS預處理器。