html - 分别设置两个表的样式

Question

我有两张 table 。我如何单独设置它们的样式？我需要在表 1 和表 2 中将没有边框的图像居中，我需要使文本与边框左对齐。

CSS:

table, th, td {
    border: 1px solid #999;
    border-collapse: collapse;
}
th, td {
    padding: 10px;
}

html:

//table 2
<table style="width:100%">
  <tr>
    <td>Jill</td>
    <td>Smith</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
  </tr>
  <tr>
    <td>John</td>
    <td>Doe</td>
  </tr>
</table>

//table 1
<table border="0" style="width:100%">
  <tr>
    <td><img src="img1.png"></td>
    <td><img src="img2.png"></td>
  </tr>
</table>

Answer 1

demo

在table1上添加类

  table, th, td {
        border: 1px solid #999;
        border-collapse: collapse;
    }
    th, td {
        padding: 10px;
    }

    .table1 td{
        text-align: center;
    }

.table1,.table1 td,.table1 tr{
    border: 0px;
}