CSS如何使用伪类:不使用:nth-​​child

Question

有可能:not()用 nth-child吗？

我没有运气就试过这样的事:

td:not(:nth-child(4n)){
  text-align:center;
}

然而,这似乎工作:

td:not(:first-child){
  text-align:center;
}

我正在尝试的是对齐除第2和第4列以外的所有表列.动态生成列以向这些列添加自定义类.

Answer 1

:not(:nth-child(4n))会得到任何不是的:nth-child(4n)东西,即任何不是第4,第8等的东西.它不会排除第二个孩子,因为2不是4的倍数.

要排除第二和第四,您需要以下任何一个:

• td:not(:nth-child(2n)) 如果您的列少于6列,或者

• td:not(:nth-child(2)):not(:nth-child(4)) 如果您有至少6列,并且只想排除第2和第4列,而不是每个偶数列.

演示