Css code not working

Im trying to add a line between each row in a table but its not working. Lines are not being displayed.

Here is my html -

<tr class="myline">

Here is my css -

.myline TR {border-bottom:1开发者_如何学编程px solid gray}

Thanks

your css references a TR child of .myline, do this:

tr.myline{border-bottom:1px solid gray;}

or even better, applying the class to the table not the trs

table.myline tr{border-bottom:1px solid gray;}

If no other styles affect the table your code should work. http://jsfiddle.net/MS4Qm/