html - 仅使用 CSS 为段落中的第一个字母应用样式

Question

我的页面有很多段落

<div>
 <p>Sample Text</p>
 <p>Abc</p>
 <p>Third Sample</p>
</div>

在每个段落中，第一个字母应大写，并通过 CSS 增加字体大小。动态加载的所有段落内容。请建议我如何在不使用 javascript/jQuery 的情况下解决这个问题。

Answer 1

给你

p::first-letter
{ 
text-transform: uppercase;
font-size: 25px; /* Change this to your choice */
}