是否可以使用CSS第n个子项来遵循此模式？

以下是我目前用来选择某些项目的内容

            .col {
                &:nth-child(21),
                &:nth-child(22),
                &:nth-child(43),
                &:nth-child(44),
                &:nth-child(65),
                &:nth-child(66),
                &:nth-child(87),
                &:nth-child(88),
                &:nth-child(109),
                &:nth-child(110) {
                    width: 100%
                }
            }

是否可以创建一个：n子选择器，允许我选择这些相同的项目，而不必像这里那样将它们全部写出来

我尝试了21n+各种数字，但如果不打破网格，我似乎无法找到它。我假设需要第n个子选择器，因为模式通常是21+1的增量，然后重复

---

谢谢

最好的方法就是为此目的使用类，这种方法只会产生更多的样式，如果使用类的话，这些样式会变得非常简单

---

在这种情况下，css选择器22n-1和22n应该在这里起作用。

添加一个类会向标记中添加与编写所有单个：n个子选择器相同的膨胀量。什么可以简化这个。。。是您现在提供的解决方案。使用第n个子选择器也很有效，但您必须编写所有可能的css子规则，随着子对象数量的增加，这可能会变得更混乱。您的规则将被编译为n个单独的css规则，这并不比向标记中添加一个简单的类好，更少的工作量，更少的字符串添加也会起到同样的作用。在这种情况下，css选择器22n-1和22n应该在这里起作用。这是这里最好的情况。这是您的样式规则编译的目的。col:nth-child21、.col:nth-child22、.col:nth-child43、.col:nth-child44、.col:nth-child65、.col:nth-child66、.col:nth-child87、.col:nth-child88、.col:nth-child109、.col:nth-child110{width:100%；}使用类生成。一些类{….规则}这很好用。我本来打算添加一个类，但是网格会相应地改变，因此创建一个新规则要比创建一个一旦脱离桌面大小就变得多余的类更容易。谢谢你的帮助。