css - 最初の子を選択する CSS

Question

nthmy 、first、およびlastchild セレクターを適切に使用する方法をまだ見つけようとしています。お待ち頂きまして、ありがとうございます。

私のマークアップが次のような場合:

<div class="the-wrapper">
    <table class="the-table">
       <!-- the table -->
    </table>

    <table class="the-table">
       <!-- the table -->
    </table>
</div>

<table class="the-table">マージンを適用する最後のものを選択するにはどうすればよいですか?

次のように選択できると思ったのです.the-wrapper .the-table:last-child { /* css */ }が、これは機能しません。私は何が欠けていますか？ありがとうございました！

編集

---

申し訳ありませんが、マークアップを間違って印刷しました...正しいマークアップは上にあります