无法将css应用于两个不同的表

<table class="table1">
  <!-- 表格内容 -->
</table>

<table class="table2">
  <!-- 表格内容 -->
</table>

.table1 {
  /* 表格1的样式 */
}

.table2 {
  /* 表格2的样式 */
}

<table id="table1">
  <!-- 表格内容 -->
</table>

<table id="table2">
  <!-- 表格内容 -->
</table>

#table1 {
  /* 表格1的样式 */
}

#table2 {
  /* 表格2的样式 */
}

<div class="container1">
  <table>
    <!-- 表格内容 -->
  </table>
</div>

<div class="container2">
  <table>
    <!-- 表格内容 -->
  </table>
</div>

.container1 table {
  /* 表格1的样式 */
}

.container2 table {
  /* 表格2的样式 */
}