带有自定义css的Html表格，只影响一个表格

我有一个有多个表的项目。我试图让这个示例使用其中一个表，而不影响项目中的所有其他表

我尝试在css中添加一个类名。但是，它确实会影响项目中的所有表。我不想这样，我只想让它影响我使用类名的表

CSS

.mytable {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
border: 2px solid black;
}

.mytable thead, tbody, tr, td, th { display: block; }

.mytable tr:after {
content: ' ';
display: block;
visibility: hidden;
clear: both;
}

.mytable thead th {
height: 30px;
line-height: 30px;
/*text-align: left;*/
}

.mytable tbody {
height: 100px;
overflow-y: auto;
}

.mytable thead {
/* fallback */
width: 97%;
/* minus scroll bar width */
width: calc(100% - 17px);
}

.mytable tbody { border-top: 2px solid black; }

.mytable tbody td, thead th {
width: 19.2%;
float: left;
border-right: 1px solid black;
}

.mytable tbody td:last-child, thead th:last-child {
border-right: none;
}

我指的是像这样的桌子

<table class="mytable">

如何修复这个css，因为它不会影响项目中的所有表，而只影响指定css类名的表

---

谢谢

您的代码应该已经完成了您想要的大部分工作，但是请注意，在您定义多个元素进行样式设置的地方，例如

.mytable thead, tbody, tr, td, th { display: block; }
.mytable tbody td, thead th {

您必须重复使用.mytable类名，否则您将开始针对所有tbody、tr、td等。例如，上述示例的名称空间应如下所示：

.mytable thead, .mytable tbody, .mytable tr, .mytable td, .mytable th { display: block; }
.mytable tbody td, .mytable thead th {

---

您必须在有样式的任何地方重复此操作，这些样式只应用于此表，并用逗号拆分。

您的示例没有类名，只有一个表。所以这不是很有帮助。代码栏中只有一张表，你能展示一个你想要的行为示例吗？快给我30秒！