Select Last Row with CSS in Table Body

SELECT LAST ROW

Tabel tidak selalu menggunakan bordering, misalnya saja acak atau menghilangkan border top/bottom di beberapa barisnya untuk suatu kondisi tertentu. Sehingga, memungkinkan baris paling bawah tidak mempunyai border. Solusinya adalah menambah border untuk baris paling bawah atau 4 baris paling bawah sesuai kondisi data anda. Berikut contoh yang saya berikan:

<table border="1" width="100%" id="test">
<tbody>
<tr>
<td>
<table border="1" width="100%">
<tbody>
<tr>
<td>table 2</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr><td>table 1</td></tr>
<tr><td>table 1</td></tr>
<tr><td>table 1</td></tr>
</tbody>
</table>

//Select last row
<style type="text/css">
#test>tbody>tr:last-child td { background:#ff0000; }

</style>

atau

tr:nth-last-child(1){
//declarations
}

atau

Element terakhir dari sebuah induk
p:nth-last-child(1) {
//declarations
}

//Select 4 baris terakhir
li:nth-last-child(-n+4) {
//declarations
}

//selain baris terakhir
tr:not(:last-child) {

border-bottom: 1px solid #E3E3E3;

}

Sekian, terimakasih atas kunjungannya.

Salam,

PHP Aku : Membangun web terorganisasi dan mudah dimengerti, contoh tutorial dengan menggunakan HTML, CSS, JavaScript, SQL, PHP, dan XML.