在Sass中,你可以使用@import指令导入其他的Sass文件。这有助于组织你的样式代码,并使其更易于维护。以下是一个简单的例子:

假设你有两个Sass文件:styles.scss 和 _variables.scss。 _variables.scss 包含一些变量的定义,而 styles.scss 则是你的主样式文件。你可以通过以下方式在 styles.scss 中导入 _variables.scss:
// _variables.scss
$primary-color: #3498db;
$secondary-color: #e74c3c;

// styles.scss
@import 'variables';

body {
  background-color: $primary-color;
  color: $secondary-color;
}

在这个例子中,@import 'variables'; 语句告诉Sass将 _variables.scss 的内容嵌套到 styles.scss 中。这样,你可以在 styles.scss 中使用 _variables.scss 中定义的变量,使样式更易于维护。


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