Sass是一种CSS预处理器，它在CSS的基础上增加了一些编程特性，比如变量、嵌套规则、混合等，这些使得CSS的编写更加方便和高效。
以下是一个简单的Sass代码示例，它演示了如何使用Sass的变量和嵌套规则来提高CSS编码效率：
// 定义变量
$primary-color: #333;
$secondary-color: #666;
// 使用变量
body {
color: $primary-color;
background-color: $secondary-color;
}
// 嵌套规则
nav {
ul {
list-style-type: none;
padding: 0;
li {
display: inline-block;
margin-right: 10px;
}
}
}
// 混合(mixin)
@mixin button-style {
background-color: $primary-color;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
}
button {
@include button-style;
&:hover {
background-color: darken($primary-color, 10%);
}
}这段Sass代码首先定义了几个颜色变量，然后在body标签中使用这些变量。接着，它展示了如何使用嵌套规则来编写更简洁的CSS，并且使用了一个混合(mixin)来定义按钮的样式，并通过darken函数在鼠标悬停时使按钮的背景颜色变深。
要编译这段Sass代码，你需要一个Sass编译器，比如使用Node.js的node-sass包或者Ruby的sass gem。编译后的CSS代码将是：
body {
color: #333;
background-color: #666; }
nav ul {
list-style-type: none;
padding: 0; }
nav ul li {
display: inline-block;
margin-right: 10px; }
button {
background-color: #333;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer; }
button:hover {
background-color: #252525; }这样，你就可以在项目中使用Sass来提高CSS编写的效率和可维护性。