InoriChan - Apa itu :first-child ? apa itu :last-child ? kode tersebut merupakan salah satu dari properti CSS. fungsi dari kode :first-child dan :last-child terbilang relative penting pasalnya dengan kedua kode tersebut anda bisa mengatur baris pertama dan baris terakhir, seperti pada namanya :first:child adalah untuk mengatur baris pertama sedangkan :last-child untuk mengatur baris terakhir.
Sebagai contohnya :
Kodenya :
CSSnya :
.contoh li {background:#fff;padding:5px;}
.contoh li:first-child {background:#0DFF00;}
.contoh li:last-child {background:#FF0015;}
HTMLnya :
<div class="contoh">
<ul>
<li>contoh 1</li>
<li>contoh 2</li>
<li>contoh 3</li>
<li>contoh 4</li>
<li>contoh 5</li>
</ul>
</div>
.contoh li {background:#fff;padding:5px;}
.contoh li:first-child {background:#0DFF00;}
.contoh li:last-child {background:#FF0015;}
HTMLnya :
<div class="contoh">
<ul>
<li>contoh 1</li>
<li>contoh 2</li>
<li>contoh 3</li>
<li>contoh 4</li>
<li>contoh 5</li>
</ul>
</div>
Hasilnya :
- contoh 1
- contoh 2
- contoh 3
- contoh 4
- contoh 5
Bisa disimpulkan bahwa :first-child adalah merupakan baris awalan pada kode dan :last-child adalah baris akhir pada kode.
No comments