把句子的首字母大写CSS

我想把句子的第一个字母大写，如果可能的话，也是逗号后面的第一个字母。 我想在这里添加代码：

.qcont { width: 550px; height: auto; float: right; overflow: hidden; position: relative; } 

Answer 1

您可以使用伪元素:first-letter大写.qcont元素的:first-letter 。

 .qcont:first-letter{ text-transform: capitalize } 

这是最接近你会得到使用只有CSS。 你可以使用javascript（与jQuery结合）来包装一段时间后的每个字母（或逗号，如你所愿）。 你可以添加与上面相同的CSS到该span 。 或者一起做javascript。

Answer 2

这不能在CSS中完成。 text-transform属性根据内容中单词的放置没有区别，并且没有用于select句子的第一个单词的伪元素。 你需要在每个句子中有标记的真实元素。 但是，如果你能做到这一点，那么你也可以把内容中的首字母改成大写。

句子开头的大写字母是一个正字法，应该在生成内容时进行，而不是在可选的文体build议（CSS）或客户端脚本中完成。 识别句子边界的过程远不是微不足道的，如果没有复杂的句法和语义分析（例如缩写以句号结束，可能出现在句子的内部或句子结尾），通常不能自动执行。

Answer 3

text-transform:capitalize; 会把一个句子的第一个字母大写 ，但是如果你也想为逗号做这个，你将不得不写一些javascript。 不过，我同意@BoltClock。 为什么你要用逗号后面加上大写？

编辑：为了读者： text-transform:capitalize; 将把一个句子的每个单词的首字母大写 ，而不是第一个单词 。 您必须使用:first-letter CSSselect器与上述。