css - 我可以在 less-file 中使用 css-classes 作为 mixin 吗？

Question

在我style.less的定义中，所有.element嵌套在类元素中的类元素.group都具有与 bootstrap-class 相同的属性.col-sm-6。

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

在该项目中，引导程序位于tapestry5/bootstrap/css/bootstrap-darkly.css与我的style.less. （如何）我也可以在我的style.css? 我试过了：

@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，还是我的语法有问题？

score 2 · Accepted Answer

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

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

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

score 2 · Accepted Answer

如果你打算使用 Bootstrap LESS，你也可以使用他们的 mixin 而不是他们的 CSS。正如他的评论中所建议的 7-phases-max，您可以使用make-*-columnCSS 类来代替。

你会这样做：

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

2 回答 2