如何将一串单词的第一个单词首字母大写？

首先介绍两个知识点::first-letter和text-transform

::first-letter

::first-letter会选中某块级元素第一行的第一个字母，即元素首字母

注意::first-letter只在display属性值为block、inline-block、table-cell、list-item或者table-caption元素才起作用，只有一小部分css可以在包含使用了::first-letter伪元素选择器的css规则集声明块内运用，具体可查MDN

text-transform

指定如何将元素的文本大写。它可以用于使文本显示为全大写或全小写，也可单独对每一个单词进行操作

• capitalize：强制每个单词的首字母转换为大写
• uppercase：强制所有字符被转换为大写
• lowercase：强制所有字符被转换为小写
• none：阻止所有字符的大小写被转换
• full-width：强制字符 — 主要是表意字符和拉丁文字 — 书写进一个方形，一般不用

最终实现

<p class="text">how are you</p>

.text::first-letter{

text-transform: uppercase;

}