较少的 mixin 不适用于变量选择器

编程问答 2022-04-22

问题描述

我正在尝试编写一个接受两个参数的 LESS mixin。

第一个是位置值，第二个是 CSS 选择器，第二个是可选的。

.mixin-sticky-column-left-fix(@positionLeftWithUnit; @selector: '.action-menu-column') {
  &@{selector} {
    left: @positionLeftWithUnit !important;
  }
}

我在两个地方这样称呼它。

mat-cell,mat-header-cell {
        .mixin-sticky-column-left-fix(443.99px);
        .mixin-sticky-column-left-fix(339.99px; '.left339');
}

我希望 mixin 能够工作并产生以下样式。

mat-cell,mat-header-cell {
        &.left339{
          left: 339.99px !important;
        }
        &.action-menu-column {
          left: 443.99px !important;
        }
      }

但这并没有发生，mixin 不起作用，样式也没有应用。我在 Angular 和 Angular CLI 中使用 LESS。

在开发工具中，我看到了这一点。

enter image description here

我尝试了多种方法，但无法使其正常工作。这不是可能的吗？还是我在这里做错了什么？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angularangularless