前端之家收集整理的这篇文章主要介绍了
css – @将少量文件导入到有限的范围内,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想从另一个较少的
文件导入所有样式,但进入有限的范围.我在尝试:
“我-site.less”
.wrapper-class {
@import "path/to/styles.less";
}
但这根本不行.我正在使用基于浏览器的less.js选项,我可以看到在实际执行导入时运行的GET语句.但是,所得到的CSS不包含其他工作表中的任何样式.如果我这样做,它的作品:
.wrapper-class
{
/* ... */
}
@import "path/to/styles.less";
但这违背了原来的目的.那么有什么办法做一个限制范围@import像这样在Less?谢谢!
根据
css-spec,@ import-declaration必须在css
文件中的所有其他声明之前.所以你的@import里面的规则预计会失败.我猜,在
文件末尾的@importing不失败是浏览器厂商的善意.
我猜LESS会遵守同样的规则.
编辑:问题是,你为什么要这些样式的范围?通过适当的声明,这不是必要的.
原文链接:https://www.f2er.com/css/217245.html