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

时间:2021-06-29 07:24:28

标签: css angular less

我正在尝试编写一个接受两个参数的 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

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

0 个答案:

没有答案
相关问题