如何仅为单个表格设置指定CSS样式而不影响其他表格？

• 给目标表格添加唯一的自定义类名
  在HTML中找到需要设置样式的表格，为其添加class属性，比如命名为bordered-table（类名可自定义，只要确保页面中只有这一个表格使用该类名）：

  <table class="bordered-table">
    <!-- 表格内部的行、单元格内容 -->
  </table>
  

• 修改CSS选择器，限定样式作用范围
  将原来的全局样式选择器，修改为仅针对该类名对应的表格及其子元素，这样样式就不会影响其他表格：

  .bordered-table {
    border-collapse: collapse; /* 表格级属性，只需给table设置即可 */
  }
  .bordered-table td {
    border: 1px solid black;
    padding: 10px;
  }
  

  如果你想保持原选择器的结构，也可以写成：

  .bordered-table, .bordered-table tr, .bordered-table td {
    border: 1px solid black;
    border-collapse: collapse;
    padding: 10px;
  }
  

  不过更推荐第一种写法，因为border-collapse是表格的属性，不需要重复给tr和td设置，能精简代码。

内容的提问来源于stack exchange，提问作者Mifta Khussolikhin