css - 将大写文本转换为小写，CSS 中的第一个字母除外

Question

例子:输入数据库是“PARROT”

问题:如何使用 text-transform 属性(或其他属性)将其显示为“Parrot”？

text-transform: Capitalize

只要数据库输入全部为小写，以上内容只能实现我想要的。

Answer 1

一个选择是使用 first-letter 伪选择器。

div {
  text-transform: lowercase;
}

div::first-letter {
  text-transform: uppercase;
}

<div>PARROT</div>