Sử dụng phần tử này để thêm kiểu đặc biệt vào chữ cái đầu tiên của văn bản trong bộ chọn. Ví dụ sau minh họa cách sử dụng phần tử:first-letter để thêm các hiệu ứng đặc biệt vào chữ cái đầu tiên của các phần tử trong tài liệu.
Ví dụ
<html>
<head>
<style>
p:first-letter {
font-size: 5em;
}
p.normal:first-letter {
font-size: 10px;
}
</style>
</head>
<body>
<p class="normal"> First character of this paragraph will be normal and will
have font size 10 px;
</p>
<p>The first character of this paragraph will be 5em big as defined
in the CSS rule above. Rest of the characters in this paragraph
will remain normal. This example shows how to use :first-letter pseduo
element to give effect to the first characters of any HTML element.
</p>
</body>
</html>