假设你有两个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