我可以在较少的文件中使用css-classes作为mixin吗？

Question

在我的style.less我要定义，所有嵌套在类.element的元素中的类.group的元素具有与引导程序相同的属性 - 班.col-sm-6。

不幸的是，我无法直接将类.col-sm-6添加到元素中。

在该项目中，引导程序位于与tapestry5/bootstrap/css/bootstrap-darkly.css相关的文件夹style.less中。 （如何）我还可以在我的style.css中使用CSS类作为mixins吗？我试过了：

@import (reference) "tapestry5/bootstrap/css/bootstrap-darkly.css";

.group .element {
  .col-sm-6;
}

不幸的是我得到了Less4J例外：

Could not find mixin named ".col-sm-6". - line 4 - position 3

使用CSS作为mixins是不可能的，或者我的语法有问题吗？

Answer 1

如果您更改了css文件可用的less文件并将其导入（因为所有CSS都无效）。较少的编译器将能够找到并使用.col-sm-6作为mixin。

@import (reference) "tapestry5/bootstrap/css/bootstrap-darkly.less";

.group .element {
  .col-sm-6;
}

Answer 2

如果您将要使用Bootstrap LESS，您也可以使用他们的mixins而不是CSS。正如他的评论中提到的七阶段最大值，您可以使用make-*-column而不是使用CSS类。

您可以这样做：

.group .element {
  .make-sm-column(6);
}