解决方法
您可以使用此CSS生成小写大写的文本,每个单词都大写：
h1 {
font-variant: small-caps;
text-transform: capitalize;
}
但是你不能仅使用CSS来改变首字母的颜色;你将不得不使用jQuery为文本添加span元素,然后设置这些元素的样式.像这样的东西：
$('h1').html(function() {
// Very crude regex I threw together in 2 minutes
return $(this).text().replace(/\b([a-z])/gi,'<span class="caps">$1</span>')
});
有了这个CSS：
h1 {
font-variant: small-caps;
text-transform: capitalize;
}
h1 .caps {
color: red;
}
