css - 将 Bootstrap 的表条纹行更改为每隔几行？

Question

我想稍微修改一下 Bootstrap ，以便我的条纹行就是这样。

第 1 行和第 2 行共享相同的行背景颜色，第 3 行和第 4 行共享相同的背景颜色，第 5 行和第 6 行共享与第 1 行和第 2 行相同的背景颜色。是否有快速破解/技巧来完成某事这种？

这是我到目前为止的代码。

<table class="table table-striped table-sm">
    <thead class="thead-default">
    <tr>
        <td>Column 1</td><td>Column 2</td>
    </tr>
    </thead>
    <tbody>
        <template ngFor let-loop [ngForOf]="model | async">
            <tr>
                <td>Column Data</td><td>Column Data</td>
            </tr>
            <tr>
                <td>Column Data</td><td>Column Data</td>
            </tr>
        </template>
    </tbody>
</table>

Answer 1

.yourTableClass tr:nth-child(4n+1), .yourTableClass tr:nth-child(4n+2) {
 background: pink;
}