AI solution for CSS coding question on BFE.dev
7. a row

.row { height: 50px; background-color: #eee; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }

.row:nth-child(even) { background-color: #ddd; }

.row:first-child { border-top: none; }

.row:last-child { border-bottom: none; }

.row + .row { border-top: none; }

/* collapsed adjacent border */ .row + .row:nth-child(even) { border-top: 1px solid #ccc; }