Set border on first table row, w/o using a ID or class

Question

I am trying to style a web app that we don't have the source code too.

So I drilled down into the DOM, but right now the bottom border is being set on ALL the rows, I need only the first row.

#tableID tbody tr td table tbody tr
{
  border-bottom: solid 1px #cccccc; 
}

Is this possible?

Answer 1

If you don't care about supporting IE6:

#tableID tbody tr td table tbody:first-child
{
  border-bottom: solid 1px #cccccc;
}

Answer 2

#tableID tbody tr td table tbody tr:first-child { }

Should select the first chidld according to the CSS 2 selector specification.

See here for some information which browsers select the selectors.