内联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

我不这么认为，因为你在样式标签中放置的是样式代码，而不是选择器......如果你在HTML中加入内联样式代码，你的元素就会自行选择。 s，你知道你把它放在哪里。

否则你应该使用CSS样式表和选择器。

Answer 2

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

然而，在您隐藏空单元格的特定情况下，表格元素实际上恰好支持empty-cells property，可以执行您正在寻找的内容：

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

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