Apply Style for first letter in paragraph only using CSS

Question

I have lot of paragraphs in my page

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

In each of the paragraph the first letter should be Capitalized and Font-Size is increased via CSS. All the paragraph Content in dynamically loaded. Please suggest me how to solve this without using javascript/jQuery.

Answer 1

Here you are

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