html + CSS で、行ごとに色を変えて、しましまにする方法はあるのでしょうか

nth-child を試してみましたが、うまく行きません
https://jsbin.com/jugecok/edit?html,css,js,output

JavaScript を使えばソレっぽいものは作れたのですが
CSS だけで、テーブルを使わずに、どうにかならないかなあと…
参考にしたページ:https://konohazuku.net/css/css_nth-child_tbl_border/