7. a row

  - accepted / - tried

Suppose we have a row structured as below:

<div class="row"></div>

Please complete the CSS according to following requirements:

  1. height 50px
  2. set background to #eee, but if there are adjacent rows, set even rows' background to #ddd
  3. set 1px border on top & bottom with color #ccc, but if there are adjacent rows, adjacent borders should be collapsed into one

if you have to decide which row to dispplay both top and bottom border, add it to first row, ref

1.one row

2.two rows

3.three rows