Select first td of second tr in CSS

Question

I have working jQuery code that selects second tr and find first td there:

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

But how to transform it in CSS? This gives no result:

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

Answer 1

You can use the :nth-child , in CSS:

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