对于首字母大写的自定义函数较少

Question

我正在寻找一种创建自定义mixin less函数的方法，该函数的作用如下：

.my-class {
  ... .FirstLetterUppercase();
}

这将转换为：

.my-class {
  ...
}

.my-class:first-letter {
  text-transform: uppercase;
}

用更少的钱可能吗？

Answer 1

您可以执行以下操作：

.FirstLetterUppercase() {
  &:first-letter {
    text-transform: uppercase;
  }
}

.my-class {
  .FirstLetterUppercase();
}

More information about mixinsMore information about nesting, pseudo-selectors and the ampersand