css – @将少量文件导入到有限的范围内

前端之家收集整理的这篇文章主要介绍了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会遵守同样的规则.

编辑:问题是,你为什么要这些样式的范围?通过适当的声明,这不是必要的.

猜你在找的CSS相关文章