在 Sass 中也具有继承一说，也是继承类中的样式代码块。在 Sass 中是通过关键词 “@extend”来继承已存在的类样式块，从而实现代码的继承。如下所示：

//SCSS.btn {
     border: 1px solid #ccc;  padding: 6px 10px;  font-size: 14px;}.btn-primary {
     background-color: #f36;  color: #fff;  @extend .btn;}.btn-second {
     background-color: orange;  color: #fff;  @extend .btn;}

编译出来之后：

//CSS.btn, .btn-primary, .btn-second {
     border: 1px solid #ccc;  padding: 6px 10px;  font-size: 14px;}.btn-primary {
     background-color: #f36;  color: #fff;}.btn-second {
     background-clor: orange;  color: #fff;}

从示例代码可以看出，在 Sass 中的继承，可以继承类样式块中所有样式代码，而且编译出来的 CSS 会将选择器合并在一起，形成组合选择器：

.btn, .btn-primary, .btn-second {
     border: 1px solid #ccc;  padding: 6px 10px;  font-size: 14px;}