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

Question

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

  

CSS

  

我的代码仅针对第一个字母运行。

HTML

<span>Some Text Value</span>

CSS

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

Answer 1

如果元素中的文本已经全部大写，则无法单独使用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;将不会完成“标题限制”。您需要在有问题的元素上插入JavaScript element.toLowerCase();，然后让CSS发挥作用。

但是，查看提供的代码和您的问题，文本已经在执行您想要的操作，而css选择器与该元素不匹配，所以我不确定您要完成什么。