css - 如何简化表格的CSS样式

Question

我有一个要改进的 CSS 代码。实际上这段代码是从 Chrome 样式检查器中复制粘贴的。但我坚持尝试使用嵌套将其简化为一条规则以获得“干净”的样式:

.table > thead > tr > th, .table > thead > tr > td,
.table > tbody > tr > th, .table > tbody > tr > td,
.table > tfoot > tr > th, .table > tfoot > tr > td {
  border-top: 1px solid #000;
}

有没有办法让它更简单？

Answer 1

在表中我们找到<th>和 <td>在<thead> , <tbody>和 <tfoot>在上面的 css 中，所有的东西都是有针对性的，所以为什么不简单地使用它

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

这也将针对所有 <th>和 <td>在表格中。