在仍然使用共享混音的情况下,是否可以使用sass/compass在单独的css文件中使用变量?
我是sass和compas的新手,我正在尝试优化我的代码。我想分离我的css文件,这样我就可以在需要它们的页面中只包含特定于页面的css文件 e、 g在仍然使用共享混音的情况下,是否可以使用sass/compass在单独的css文件中使用变量?,css,sass,compass-sass,Css,Sass,Compass Sass,我是sass和compas的新手,我正在尝试优化我的代码。我想分离我的css文件,这样我就可以在需要它们的页面中只包含特定于页面的css文件 e、 g 我的全局sass文件包含字体、按钮等的几个部分。每个包含的部分都包含我希望在单个页面scss文件中扩展的mixin和变量,同时保持生成的特定于页面的css文件分开 这可能吗?您不能在.css文件中包含变量。您可以在.scss或.sass文件中执行此操作。您必须将包含变量的文件导入到要使用它们的文件中 例如,在您的general.scss中,您
我的全局sass文件包含字体、按钮等的几个部分。每个包含的部分都包含我希望在单个页面scss文件中扩展的mixin和变量,同时保持生成的特定于页面的css文件分开
这可能吗?您不能在
.css
文件中包含变量。您可以在.scss
或.sass
文件中执行此操作。您必须将包含变量的文件导入到要使用它们的文件中
例如,在您的general.scss中,您有:
$blue = #00FFFF;
您需要在另一个文件中使用它,您需要导入该文件:
@import 'general';
a {
color: $blue;
}
不,除非您包含文件,否则不会,但这不是您要做的。无论您导入的文件是什么,您都可以访问变量和内部的mixin。因此,请查看压缩CSS。通过将CSS分离为特定于页面的文件,您将失去从第一页缓存CSS的好处。虽然有足够大的文件大小,但最好将它们分开。
@import 'general';
a {
color: $blue;
}