css选择器第n个子项如何应用于数组？

我需要用css格式化一些

而不是

td:nth-child(4), td:nth-child(6), td:nth-child(7){
    padding-right:15px;
}

---

我们是否可以执行类似于

td:nth child（4,6,7）

？

在css4中，您可以使用

：matches

伪选择器

：matches伪类被官方CSS选择器级别4规范描述为一个函数伪类。它本身没有任何用途，只是允许对一些复杂的选择器进行分组，从而使它们变得更轻。在某种程度上，我们可以认为：匹配是语法糖

注意，您可能必须使用以下供应商前缀

• Mozilla:

  -moz any

• Chrome:

  -webkit any

这是浏览器支持

• 铬：12+
• Firefox:5+
• 歌剧院：15+
• IE：不支持

参考资料

您可以使用：n子项（an+b），其中a和b是常数，“n”是变量

看

---

这只对可以使用此表单计算的重复列有帮助。

您使用的是哪种CSS规范？这在CSS4中是可能的，而在CSS3中稍微困难一点的情况下，最好只向那些TD元素添加一个公共类。

:matches(:nth-child(4), :nth-child(5), :nth-child(6)) td {
  padding-right: 15px;
}