使用CSS将大写字母转换为句子中的小写字母和第一个大写字母

一尘不染

使用CSS将大写字母转换为句子中的小写字母和第一个大写字母

css

如何仅使用CSS将以下每个句子的大写字母转换为小写和首字母大写？

来自： 这是一个例句。

收件人： 这是一个例句。

更新： 当我使用文本转换时：大写；结果还是一样。

阅读 328

2020-05-16

共1个答案

一尘不染

CSS中没有句子大写选项。其他答案表明text-transform: capitalize是不正确的，因为该选项将 每个单词 都大写。

如果您只希望每个元素* 的 首字母 大写，则这是一种 粗略的 实现方式，但是与实际的句子大写绝对不符： *

p {
    text-transform: lowercase;
}

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



<p>THIS IS AN EXAMPLE SENTENCE.</p>
<p>THIS IS ANOTHER EXAMPLE SENTENCE.
   AND THIS IS ANOTHER, BUT IT WILL BE ENTIRELY LOWERCASE.</p>

2020-05-16