css：大写硬编码大写文本

我有大写的内容（这就是它在后端的持久化方式），我必须将其转换为“正确的大小写”

我发现“文本转换：大写”不起作用。我怀疑也没有基于css的解决方法

.text-test{
    text-transform:capitalize;
    } ... <h1 class="text-test">SOME UPPER CASE TEXT</h1>

.text测试{
文本转换：大写；
} ... 一些大写文本

我的结论正确吗？

---

谢谢

CSS不支持句子大小写转换。在服务器中修复它，否则您将不得不使用JavaScript重新编写HTML

请参阅：

标题栏

输出

你好，世界

这并不像将其转换为的解决方案那样优雅

你好，世界

---

不过我相信你可以以此为起点

大写字母将不起作用，因为它针对的是您所针对的任何内容的第一个字母，因此文本的其余部分不会受到影响。您必须在HTML中编辑它，或者可以找到jQuery解决方案

我在乎：）

有点晚，但可以帮助别人

那么：

.text-test {text-transform: lowercase;}
.text-test::first-letter {text-transform:capitalize;}

---

大写字母不起作用，因为它针对的是你要针对的任何内容的第一个字母，所以文本的其余部分不会受到影响。你必须在HTML中编辑它，或者也许可以找到jQuery解决方案，Kyle，请将其作为答案发布，喜欢向上投票。除非你真的不在乎；-）

.text-test {text-transform: lowercase;}
.text-test::first-letter {text-transform:capitalize;}