How to select several childs in CSS

In order to select several childs in css, i’ve used this method but it is kinda quite long:

.gridChild:nth-child(2)
, .gridChild:nth-child(3)
, .gridChild:nth-child(7)
, .gridChild:nth-child(11) {

isn’t there a shorter solution? something like:

.gridChild:nth-child(2, 3, 7, 11) {

If there is a pattern to these numbers that you can express mathematically then you might be able to use functional notation:

1 Like