在Sass中，你可以使用部分文件（Partial Files）来将样式代码分割成多个文件，以便更好地组织和管理你的样式。部分文件的文件名以下划线（_）开头，例如_partial.scss。

假设你有一个主样式文件 styles.scss 和一个部分文件 _buttons.scss，你可以通过以下方式在主样式文件中使用部分文件：
// _buttons.scss
.button {
  padding: 10px;
  background-color: #3498db;
  color: #fff;
}

// styles.scss
@import 'buttons';

body {
  font-family: Arial, sans-serif;
}

.container {
  width: 80%;
  margin: 0 auto;
}

// Use styles from _buttons.scss
.some-element {
  @extend .button;
}


在这个例子中，@import 'buttons'; 语句将 _buttons.scss 的内容嵌套到 styles.scss 中。然后，你可以在 styles.scss 中使用 _buttons.scss 中定义的样式，比如使用 @extend .button; 来扩展 .button 类。

使用部分文件的好处之一是能够更容易地维护和组织你的样式代码。每个部分文件可以专注于特定的样式元素，使得代码更加模块化和可读。


转载请注明出处：http://www.zyzy.cn/article/detail/6173/SASS