如何简化表的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>表格.