Sử dụng phần tử này để thêm các kiểu đặc biệt vào dòng đầ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ử dòng đầu tiên để thêm các hiệu ứng đặc biệt vào dòng đầu tiên của phần tử trong tài liệu.
Ví dụ
<html>
<head>
<style>
p:first-line {
text-decoration: underline;
}
p.noline:first-line {
text-decoration: none;
}
</style>
</head>
<body>
<p class="noline"> This line would not have any underline because this belongs to nline class.</p>
<p>The first line of this paragraph will be underlined as defined in the CSS rule above. Rest of the lines in this paragraph will remain normal. This example shows how to use :first-line pseduo element to give effect to the first line of any HTML element.</p>
</body>
</html>