如何将nth-child（）规则合并为一个？

Question

我目前有这个长期规则

#content #wrapper table td:nth-child(3), 
#content #wrapper table td:nth-child(4), 
#content #wrapper table td:nth-child(5) {
     width: 30px;
}

是否可以将nth-child与nth-child(3,4,5)之类的短片组合而不是3条单独的线？

Answer 1

这应该可以解决问题：

#content #wrapper table td:nth-child(n+3):nth-child(-n+5) {
    width: 30px;
}

Answer 2

不是直接基于您的代码，但这应该给您一个想法。

ul li:nth-child(n+3):nth-child(-n+7){ }

Answer 3

你可以尝试

#content #wrapper table td:nth-child(n+3)

将选择除前2个之外的所有。

FROM：http://css-tricks.com/useful-nth-child-recipies/

Answer 4

不是我知道我害怕。如果您正在寻找更少的代码以使其更易于维护，您可以尝试类似SASS。