如何将大写句子转换为第一个单词大写？

Question

输入：我是学生
预期输出：我是学生
如何使用 css?

实现此目的

Answer 1

如果文本以小写开头，您可以使用 CSS 的 text-transform-property：

p {
  text-transform: capitalize;
}

如果文本已经大写，很遗憾，您只能将其转换为小写。或者，您可以像@Mr Lister 建议的那样使用 ::first letter-选择器，并将每个单词放入一个跨度中，如下所示：

p {
  text-transform: lowercase;
}

span {
  display: inline-block;
}

span::first-letter {
  text-transform: capitalize;
}

<p> <span>I</span> <span>AM</span> <span>A</span> <span>STUDENT</span> </p>

除此之外，您当然可以按照讨论的 JavaScript 执行此操作但这应该是最后的选择。

Answer 2

p {
  text-transform: lowercase;
}
p:first-line {
  display: block;
  text-transform: capitalize;
}

<p>I AM A STUDENT</p>

How to convert capitalized sentence into first word uppercase?