Css 是否有一种简洁的方法来指定两个独立的第n个子项？

长话短说，我想知道是否有任何方法可以将其缩写为：

td:nth-child(1), td:nth-child(2) { }

变成类似于：

td:nth-child(1,2) { }

或者像这样的范围：

td:nth-child(1-2) { }

---

您可以使用以下命令选择前两列：

td:nth-child(-n+2)

演示：

关于这一点的条款：

---

对于任意范围的列，我能找到的最好结果是，至少可以避免重复第n-child（）说明符之前的内容：

.test .columns td:nth-child(n+1):nth-child(-n+2) 

演示：

这篇文章向我展示了如何：

---

---

您可以使用以下选项选择前两列：

td:nth-child(-n+2)

演示：

关于这一点的条款：

---

对于任意范围的列，我能找到的最好结果是，至少可以避免重复第n-child（）说明符之前的内容：

.test .columns td:nth-child(n+1):nth-child(-n+2) 

演示：

这篇文章向我展示了如何：

---

---

我认为css对此没有内置的规则，但是使用SASS设置这样的东西非常容易。对于两个独立的任意n个孩子的问题，基本答案是不，没有办法。但是，如果这些孩子，并且只有这些孩子，在一个可以用a+b来指定的范围内，那么这是可能的。我不认为css对此有一个内置的规则，但是这样的事情很容易用SASS来设置。两个独立的任意N个孩子的问题的基本答案是不，没有办法。但是，如果这些子项，并且只有这些子项，在可以用a+b来指定的范围内，那么这是可能的。