你如何组织类似的第n个儿童选择器？

Question

如何将这些css选择器加在一起？

td:nth-child(1), td:nth-child(4), td:nth-child(5) {
    font-size: 25px;
}

我想到了像

这样的东西

td:nth-child(1,4,5) {
    font-size: 25px;
}

但这不起作用。有没有办法压缩这个？

Answer 1

如果您不能使用an+b公式来定位它们（​​在您的特定示例中就是这种情况），那么您编写的代码是最短版本。

如果您希望简化CSS代码，可以切换到类...然而，这会使您的HTML不那么干净。