在CSS中选择第二个tr的第一个td

Question

我使用jQuery代码选择第二个tr并在那里找到第一个td：

var tr = jQuery("table#layoutsTable tbody tr").eq(2);
var td = jQuery(tr).find("td:first");
td.css({"width":"64.95%"});

但是如何在CSS中转换呢？这没有结果：

table#layoutsTable tbody tr:eq(2) td:first {
  width:64.95%;
}

Answer 1

您可以在CSS中使用:nth-child：

<style>
table#layoutsTable tbody tr:nth-child(2) td:first-child {
  width:64.95%;
}
</style>