Nth-child and class

Community Usage questions
1

Hi everyone !

I was wondering if there was a way to group the following nth-child into a single class (theme) ?
From my understanding they are already classes on their own but maybe there is a way to put multiple classes into one class ?

.value:nth-child(1) {
  background-color: red;
}

.value:nth-child(2) {
  background-color: pink;
}

.value:nth-child(3) {
  background-color: purple;
}

I'm thinking of something that would be written that way in the css field after (which is of course 100% wrong):

class: .value:nth-child(1), .value:nth-child(2), .value:nth-child(3)

Swayrian

2

:nth-child() is a pseudo-class, I'm not sure to understand the question but the class attribute (which is non-standard css specific to o-s-c) only aims to add a class to a widget.

3

Basically, I would like to create a group of multiple pseudo-class into a theme.
That's why I was wondering if it would be possible to create some kind of class into a theme for the pseudo-class.
Would that be achievable ?

Or another way to think about it, if we can put the pseudo-class (I wrote above) directly into a theme, how can I declare them all into the css of a widget ?

Swayrian