css将每个单词的首字母大写

Question

嗨我想把每个单词的第一个字母大写我搜索它但我没有得到它,是否可能

CSS

？

我的代码只运行第一个字母.

HTML

<span>Some Text Value</span>

CSS

.listing-table table th:first-letter
{
    font-size: 15px;
    font-weight: bold;
}

Answer 1

您可以尝试使用此:

p { text-transform: capitalize; }

来自文档:

文本转换

此属性控制元素文本的大小写效果.

capitalize将每个单词的第一个字符设为大写; 其他角色不受影响.

Answer 2

如果元素中的文本已经全部大写，则无法单独使用 CSS 来执行此操作，样式capitalize将不起作用，因为它只会将大小写更改为大写。例子：

p {
  text-transform: capitalize;
 }

<p>some text</p>
<p>Some text</p>
<p>SOME TEXT</p>
<p>sOME tExt</p>

如果整个文本已经是小写，您可以使用 来设置样式element{ text-transform: capitalize; }，但如果元素已经是大写，则text-transform: capitalize;不会实现“标题大写”。您需要element.toLowerCase();在相关元素上插入 JavaScript，然后让 CSS 发挥其魔力。

但是，查看提供的代码和您的问题，文本已经在执行您想要的操作，并且 css 选择器与元素不匹配，因此我不完全确定您要完成的任务。

Answer 3

伪:first-letter 元素的目标是元素的第一个字母，而不是每个单词的第一个字母。此外，您将代码包装在spanHTML 中的 a 中，并在 CSS 中定位 a th ，它应该是这样的吗？

尝试使用这个代替：

 .listing-table table th{
     text-transform: capitalize;
 }

文本转换的文档