This solution is generated by ChatGPT, correctness is not guaranteed. You might also be able to find a solution fromcommunity posts.
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; }