在 Less 中使用 & inside答案

【问题标题】：Using & inside Less mixins在 Less 中使用 & inside
【发布时间】：2013-07-11 16:06:21
【问题描述】：

这是我的混合代码

.bleed() {
    &:before, &:after {
        content: " ";
        width: 3%;
        height: 100%;
        display: block;
        .horizontal-gradient(none, #000, rgba(0,0,0,0.0));
        float: left;
    }

    &:after {
        .horizontal-gradient(none, rgba(0,0,0,0.0), #000);
        float: right;
    }
}

这是我调用它的代码。

.my-class {
   .bleed();
}

我希望有一些方法可以做一些事情，比如 .bleed(&);将当前选择器传递给 mixin？现在它只是崩溃而不是创建 css。

【问题讨论】：

这段代码不编译成.my-class:before, .my-class:after { ... }吗？
我同意@cimmanon，由于& 附加到:before 和:after，当前代码已经假定mixin 中的“当前选择器”，所以你还期待什么来自它？
当我尝试使用上面的代码时，less 没有创建 css 样式，这实际上是崩溃了。
怎么会有人猜到 LESS 崩溃了？您的代码使用在线编译器编译得很好：lesstester.com
在less2css.org 也可以正常工作（假设其中一个定义了.horizontal-gradient 混合）。

标签： css less mixins

【解决方案1】：

代码按原样工作。本地出现拼写错误。

【讨论】：

你应该删除整个问题。