Css @将较少的文件导入有限的范围
我想从另一个较少的文件导入所有样式,但要导入到有限的范围内。我正在尝试这个: “我的网站。更少” 但这根本不起作用。我使用的是基于浏览器的less.js选项,我可以看到在实际执行导入时运行的GET语句。但是生成的CSS不包含来自另一个工作表的任何样式。如果我这样做,它会起作用:Css @将较少的文件导入有限的范围,css,less,Css,Less,我想从另一个较少的文件导入所有样式,但要导入到有限的范围内。我正在尝试这个: “我的网站。更少” 但这根本不起作用。我使用的是基于浏览器的less.js选项,我可以看到在实际执行导入时运行的GET语句。但是生成的CSS不包含来自另一个工作表的任何样式。如果我这样做,它会起作用: .wrapper-class { /* ... */ } @import "path/to/styles.less"; 但这违背了最初的目的。那么,有没有办法在更少的时间内完成像这样的有限范围@import?
.wrapper-class
{
/* ... */
}
@import "path/to/styles.less";
但这违背了最初的目的。那么,有没有办法在更少的时间内完成像这样的有限范围@import?谢谢 根据,在css文件中,@import
-声明必须位于所有其他声明之前。因此,规则中的@导入预计将失败。我想文件末尾的@import
ing没有失败是浏览器供应商的善意
我想更少的人会遵守同样的规则
编辑:
问题是,为什么要确定这些样式的范围?如果声明正确,这应该是不必要的。LESS(和CSS)的语法不允许将@imports
导入CSS规则。
尝试使用命名空间:
无样式
然后,替换命名空间的@import
:
参考:
自从发布并回答此问题以来,预处理器已使用scope实现@import。现在,它可以在更少的SASS和手写笔中工作
例如:
.lt-ie9 {
@import "ie8-fixes";
}
是的,我想知道less是否也这么认为。我需要确定其范围的原因是,我正在将所有Twitter引导导入该空间。该网站是一个已有10多年历史的网站,其遗留代码为wazoo。我正在做一些实现引导的新开发,我想限制引导样式应用于页面的某些部分,而不是其他任何地方。否则,引导最终会与已经存在的其他样式冲突。好吧,当您认为@import
是一个简单的串联时,嵌套的@import
是不起作用的。另一方面,在规则中导入它也无助于您。因为样式总是全局应用。您可以使用html5作用域属性,但不幸的是,它的支持非常差。好的,这是有道理的。谢谢。我不确定这个答案是什么时候第一次写的,但在这篇评论中,有文件证明你可以在任何时候用更少的文件@import,这是有效的:@Akrikos欢迎来到未来(3,5年后)…;)你最近试过这个吗?现在它似乎按照您最初想要的方式工作。这是否记录了LESS和SASS?以下是Stylus文档:LESS没有文档,因为他们认为这是预期的行为。github的问题就在这里:Sass文档:现在更少的文档几乎都这么说了:这似乎不适用于gulpless 4.0.0。我得到一个gulp构建错误:“Bundle Name”样式Bundle多次调用无效的写回调
.styles {
[your code]
}
.wrapper-class {
.styles;
}
.lt-ie9 {
@import "ie8-fixes";
}