如何使绘制边框的css每3行和每3列一次

我正在尝试为sudoko表这样的表构建css。非常感谢您的帮助。 我想每3行和每3列绘制一个边框

  .no-stripes  .v-table-row,.no-stripes  .v-table-row-odd, .v-table-cell-content
    {
    background: white;
    color: $cellcolor;
    width: 40px;
    height: 40px;
    text-align: center;
    border-left: solid 1px black;
    border-bottom: solid 1px black; 
 }

尝试

：第n个类型（3n）

选择器，用于

td

和

tr

元素

这里

CSS:

---

！重要信息

此处不需要标记，

td:nth类型（3n）

已经足够具体，可以覆盖

td

上设置的样式（所有其他点也一样）。

td {
    width: 50px;
    height: 50px;
    border: 1px solid #000;
}

td:nth-of-type(3n) {    
    border-right: 3px solid red;
}

tr:nth-of-type(3n) td {    
    border-bottom: 3px solid red;
}

table {
    border: 3px solid red;
}