javascript - Iterate Grid Rows One at a Time -

i'm needing to iterate thru grid, , apply changes children of each row. instance, if had grid 3 rows, how make each row's children different color? here jsfiddle of basic html + css create grid. i'm wanting make each row different color.

http://jsfiddle.net/onestepcreative/24ljw/6/

thoughts? in advance!

here's version simple javascript. can css using nth-child selector

http://jsfiddle.net/24ljw/8/