css - 表 th 和 tr 中的两个元素的样式相同。如何避免冗余？

Question

现在我有以下内容:

table th.bordered {
  border: 1px solid red;
}

table td.borderd {
  border: 1px solid red;
}

我怎样才能把它放在一个规则中？？

Answer 1

Billy's 在技术上是正确的，但还有更好的方法:

table .bordered {
  border: 1px solid red;
}

或者甚至(如果你想在 table 以外的东西上使用它):

.bordered {
   border: 1px solid red;
}

执行这两项中的一项将有助于防止过于具体，这将使维护变得容易得多。