Pengenalan Pseudo class :: Nth-Last-Child Pada CSS 3
nth-Last-Child digunakan bagi menyeleksi element merujuk pada urutan anak (child) dari element terakhir ke atas di element. Pada sebuah element, terdapat tag pembuka (opening tag) dan tag penutup (closing tag), contoh: opening tag: <div> dan closing tag-nya ialah: </div> yang ditandai dengan /. Jadi, setiap element yang berada didalam element lain (didalam tag pembuka dan tag penutup), dapat dinamakan child atau anak element dari element yang menaunginya.
Seketika saja kita praktek, silahkan kalian salin code di bawah ini :
HTML//
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p>The first paragraph.</p>
<p>The second paragraph.</p>
<p>The third paragraph.</p>
<p>The fourth paragraph.</p>
<p><b>Note:</b> Internet Explorer 8 and earlier versions do not support the :nth-last-child() selector.</p>
</body>
</html>
CSS//
p:nth-last-child(2) {
background: red;
}
Setelah kalian salin lalu jalankan di browser masing-masing karenanya hasilnya akan seperti ini :
Nah dapat kita lihat di gambar di atas kita telah menyeleksi child di sebuah element dengan urutan nomor 2 dari bawah.
Oke itu saja semoga bermanfaat dan hingga bertemu di artikel selanjuitnya
Terimakasih. 🙂
Sumber https://kursuswebsite.org
