first-letter | Loop and Break

The ::first-letter CSS pseudo-element selects the first letter of the first line of a block, if it is not preceded by any other content (such as images or inline tables) on its line.

<!DOCTYPE html>
<html>
    <head>
        <style>
            p:first-letter {
                background-color: yellow;
				color:#C33;
            }
        </style>
    </head>
    <body>
        <p>
            The quick brown red fox jumps over the lazy dog
        </p>
		
		<p>
            The quick brown red fox jumps over the lazy dog
        </p>
    </body>
</html>

Categories