css - 仅当元素不是 tfoot 元素时才显示边框

Question

我想为 td 元素显示一个 border，但前提是该元素不在 tfoot元素。我如何使用 .not CSS 选择器做到这一点？

这行不通:

td.not(tfoot) { ... }

Answer 1

你可以试试这个规则(影响所有不在脚中的单元格)

table :not(tfoot) tr td {
  border: 1px solid red;
}

或

table > :not(tfoot) td {
  border: 1px solid red;
}