如何简化表格的css样式

我有一个css代码，我想改进。实际上，这段代码是从Chrome styles inspector复制粘贴的。但我一直在尝试使用嵌套将其简化为一条规则，以获得“干净”的样式：

有没有办法使它更简单？

在表中，我们发现

和

在

，

和

中，在上面的css中，所有的东西都是有针对性的，所以为什么不简单地使用它呢

.table th, .table td{
  border-top: 1px solid #000;
}

---

这也将针对表中的所有

和

。

从表中选择所有零件时，可以省略中间部分

.table th,
.table td {
    border-top: 1px solid #000;
}

如果您想在

thead

内以

th

为目标，则可以使用

.table thead th,
.table thead td {
    border-top: 1px solid #ccc;
}

t车身

和

t脚部

也是如此。如果要覆盖其中的某些内容，可以执行以下操作：

.table tbody th,
.table tbody td {
    border-top: 1px solid #ddd;
}
.table tfoot th,
.table tfoot td {
    border-top: 1px solid #eee;
}

.table thead th,
.table thead td {
    border-top: 1px solid #ccc;
}

.table tbody th,
.table tbody td {
    border-top: 1px solid #ddd;
}
.table tfoot th,
.table tfoot td {
    border-top: 1px solid #eee;
}