如何在 CSS 中保留所有大写文本的同时仅将单词的第一个字母大写？

CSS text-transform：大写全部大写

在此场景中，将 text-transform：capitalize 属性应用于具有大写或小写文本会导致小写单词所需的大写。然而，全大写文本会出现问题，所需的结果是保留大写。

为了解决这一挑战，可以使用文本转换的组合来实现 CSS 解决方案：小写和文本-transform：大写属性，以及 :first-letter 和 :first-line 伪类。

这是更新的CSS：

.link {
  text-transform: lowercase;
}
.link:first-letter,
.link:first-line {
  text-transform: uppercase;
}

此组合将所有文本转换为小写，同时保留首字母的大写。通过将此样式应用于所提供的 HTML 中的 a 元素，您可以获得所需的输出：

Small Caps & All Caps

以上是如何在 CSS 中保留所有大写文本的同时仅将单词的第一个字母大写？的详细内容。更多信息请关注PHP中文网其他相关文章！