Hide excess table rows

Using only css, hide excess table rows. This is perfect for a leaderboard, where you only want to show the top certain amount,

HTML

<table>
    <tr>
        <td>1</td>
        <td>visible</td>
    </tr>
    <tr>
        <td>2</td>
        <td>visible</td>
    </tr>
    <tr>
        <td>3</td>
        <td>hidden</td>
    </tr>
    <tr>
        <td>4</td>
        <td>hidden</td>
    </tr>
</table>


<div class="stars">
  ********
</div>

CSS

tr:nth-child(n + 3) {
   display: none;
}

.stars {
  display:none;
}