'Select n child with react material ui makeStyle

I'm using React and Material UI and i'm currently trying to use the nth-child selector with the MUI makeStyle function but it doesn't work as expected, here are some screenshots :

enter image description here enter image description here enter image description here

As you can see I would like to set a background color to every even children but every children's background is actually colored.

Thanks for any help :)

cssreactjsmaterial-ui


Solution 1:[1]

look for the class, create a css file and that's it, that's how it worked for me in some components. example

.Mui-checked{
    color:$primary !important;
}
.MuiFormControlLabel-label{
    color:$tertiary !important;
}
.Mui-focused{
    color:$tertiary !important;
}

Solution 2:[2]

Ok my bad I was applying style to container and not to all elements inside, stupid mistake

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Rene Wilfredo Barrientos
Solution 2 ryuzak1

Related Questions