较少的自定义功能：首字母大写

Question

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

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

这将转换为：

.my-class {
  ...
}

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

可以用 less 吗？

Answer 1

您可以执行以下操作：

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

.my-class {
  .FirstLetterUppercase();
}

Less custom function for :first-letter uppercase