Apply Style for first letter in paragraph only using CSS

css, html

Solution

Here you are

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

Problem

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.

Original source