이 요소를 사용하여 선택기 텍스트의 첫 번째 줄에 특수 스타일을 추가합니다. 다음 예는 :first-line 요소를 사용하여 문서의 첫 번째 요소 행에 특수 효과를 추가하는 방법을 보여줍니다.
예시
<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>