内联 CSS 相当于 td:empty

Question

是否有 CSS 选择器的内联 CSS 等价物：

table td:empty {
  visibility: hidden;
}

我应该为此写些什么？

<table style="???">
  <tr>
    <td></td> <!-- to be filled later -->
    <td>foo</td>
  </tr>
</table>

Answer 1

我不这么认为，因为你放在 style 标签里面的是样式代码，而不是 select 或者...你的元素会 select 自己，如果你把 inline HTML 中的样式代码假定您知道将它放在哪里。

否则你应该使用 CSS 样式表和 selectors.

Answer 2

Bardo 的回答总体上是正确的：您不能在内联 style 属性中指定选择器，因为它只接受适用于具有该属性的元素的样式声明（尽管有继承）。有关更多详细信息以及对规范的参考，请参阅我对 this question 的回答。

然而，在您隐藏空单元格的非常具体的情况下，table 元素实际上恰好支持 empty-cells property 可以满足您的要求：

<table style="empty-cells: hide">
  <tr>
    <td></td> <!-- to be filled later -->
    <td>foo</td>
  </tr>
</table>

请注意，propdef 表示它适用于 table-cells 而不是 table 元素，但是属性是继承的，因此您可以在 [=21] 上指定它=] 本身，并通过继承将其应用于所有空单元格。

Inline CSS equivalent of td:empty