Run
Tutorial With Example
Run your live code
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Example of CSS :nth-child Pseudo-class</title> <style> table{ margin: 30px; border-collapse: collapse; } table tr{ border-bottom: 1px solid #666; } table tr th, table tr td{ padding: 10px; } table tr:nth-child(2n) td{ background: #f2f2f2; } </style> </head> <body> <table> <tr> <th>Rank</th> <th>Car Name</th> <th>Price</th> </tr> <tr> <td>1</td> <td>2022 Mercedes-Benz S-Class</td> <td>$111,100 - $117,700</td> </tr> <tr> <td>2</td> <td>2022 Porsche Panamera</td> <td>$88,400 - $200,200</td> </tr> <tr> <td>3</td> <td>2022 Audi A8</td> <td>$86,500 </td> </tr> <tr> <td>4</td> <td>2022 BMW 7-Series</td> <td>$86,800 - $157,800 </td> </tr> </table> </body> </html>