Is it legal to use :nth-child() in BEM?

Question

css

I have 4 .clients__client elements in my .clients block. They differ from each other only in the background image. Is it possible to set this picture via :nth-child(1-4)? Or does each need to be given a modifier? Or even put these pictures in img inside these elements? You can do it either way, but how would it be correct from the point of view of BEM?

Answer 1

From a BEM point of view, it would be correct to make modifiers.

.clients__client--client1
.clients__client--client2
.clients__client--client3
.clients__client--client4

nth for isolated cases it is better not to use it at all. Only for repeating, logical.
For example, every 3, every 5th number, the first 4 or more complex pattern, but repeating.
If you put pictures inside the elements, they should still have their own class, I don’t see the point.
Since according to BEM, every tag must have a class.