Question

所以这就是我的问题。我正在尝试添加文字＆＃34;倍＆＃34;在使用CSS输入单元格之后。我能够通过使用下面的css代码来实现这一目标。

现在我想将最后一个更新为＆＃34;总＆＃34;代替。请记住，选项是动态的，而不是固定的。

CSS

<style>
   .input_cell:after  { content: " times"; }
</style>

HTML

<table>
<tr><td class="input_cell"><input type="text" name="B1" size="3"  id="B1">
</td><td class="option_cell"><div class="options">Math</div></td>
</tr><tr><td class="input_cell"><input type="text" name="B2" size="3"  id="B2">
</td><td class="option_cell"><div class="options">Science</div></td>
</tr><tr><td class="input_cell"><input type="text" name="B3" size="3"  id="B3">
</td><td class="option_cell"><div class="options">History</div></td>
</tr><tr><td class="input_cell"><input type="text" name="B4" size="3"  id="B4">
</td><td class="option_cell"><div class="options">Geology</div></td>
</tr><tr><td class="input_cell"><input type="text" name="B5" size="3"  id="B5">
</td><td class="option_cell"><div class="options">Algebra</div></td>
</tr><tr><td class="input_cell"><input name="B_total" type="text" size="3" class="total" id="B_total"></td><td class="option_cell"><div class="options">Total</div></td></tr>
</table>

Answer 1

你需要这样做：

tr:last-child>td.input_cell:after {content: " total";}

原因是last-child是表格的一行。

如何在css中选择最后一个类或最后一个类型

1 个答案: