Pseudo-class ini termasuk versi CSS1, bentuk penulisannya:
E:first-line
E adalah elemen yang diberikan dampak aturan CSS, dan dampak aturan CSS hanya akan diberikan pada teks pada baris pertama.
Contoh kode:
P:first-line {
color: red;
}
Untuk penulisan HTML-nya misalkan seperti berikut:
<P>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque condimentum ultricies rutrum. Mauris vitae dolor a felis semper bibendum a vitae felis.Lorem ipsum dolor sit amet, consectetur adipiscing elit.</P>
Maka dengan saya menggunakan pseudo-class jenis ini, hanya teks di baris pertama saja yang akan diberikan dampak CSS, dan untuk baris teks dibawahnya tidak.
Jalankan kode di bawah ini di browser, kemudian resize jendela:
<HTML>
<HEAD>
<STYLE TYPE="text/css">
P:first-line {
color: red;
}
</STYLE>
</HEAD>
<BODY>
<H1>Coba resize jendela browser!</H1>
<P>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque condimentum ultricies rutrum. Mauris vitae dolor a felis semper bibendum a vitae felis.Lorem ipsum dolor sit amet, consectetur adipiscing elit.</P>
</BODY>
</HTML>
