Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css @将较少的文件导入有限的范围_Css_Less - Fatal编程技术网

Css @将较少的文件导入有限的范围

Css @将较少的文件导入有限的范围,css,less,Css,Less,我想从另一个较少的文件导入所有样式,但要导入到有限的范围内。我正在尝试这个: “我的网站。更少” 但这根本不起作用。我使用的是基于浏览器的less.js选项,我可以看到在实际执行导入时运行的GET语句。但是生成的CSS不包含来自另一个工作表的任何样式。如果我这样做,它会起作用: .wrapper-class { /* ... */ } @import "path/to/styles.less"; 但这违背了最初的目的。那么,有没有办法在更少的时间内完成像这样的有限范围@import?

我想从另一个较少的文件导入所有样式,但要导入到有限的范围内。我正在尝试这个:

“我的网站。更少”

但这根本不起作用。我使用的是基于浏览器的less.js选项,我可以看到在实际执行导入时运行的GET语句。但是生成的CSS不包含来自另一个工作表的任何样式。如果我这样做,它会起作用:

.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";
}