所以我想向HTML表格的第一个单元格添加一个递增的数字。我在这个论坛中使用的例子已经完成了。我接下来要做的是隐藏任何只包含第一个单元格中的数字的行。我唯一可用的选项是css,但我不确定它是否可行。我到目前为止的代码是HTML隐藏表格行
table {
border-collapse: collapse;
counter-reset: rowNumber;
}
table tr:not(:first-child) {
counter-increment: rowNumber;
}
table td > *:empty {
display: none;
}
tr > td:empty {
background-color: yellow;
}
table tr td:first-child::before {
content: counter(rowNumber);
min-width: 1em;
margin-right: 0.5em;
}
<table border="1px" empty-cells:hide;>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>Test</td>
</tr>
<tr>
<td></td>
<td>Test</td>
</tr>
<tr>
<td></td>
<td>Test</td>
</tr>
</table>
所以没有使用Javascript?我不认为这是可能的,只是我害怕CSS。我不认为你可以根据对象的状态来定位对象的父对象。 –