I have a structure that looks like this:

```
<div class="foo">
    <table>
        //...
    </table>
    <table>
        //...
    </table>
</div>

```

What I want is to apply a specific css rule only on the first table, how could this be done?