Допустимо ли использовать :nth-child() в БЭМ?

Question

[Ксения]

У меня в блоке .clients есть 4 элемента .clients__client. Друг от друга отличаются только фоновой картинкой. Допустимо ли задать эту картинку через :nth-child(1-4)? Или каждому нужно задать модификатор? Или вообще положить эти картинки в img внутри этих элементов? Можно и так и так, но как будет корректно с точки зрения БЭМ?

Answer 1

[Сергей Горячев]

С точки зрения БЭМ, корректно будет сделать модификаторы.

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

nth для единичных случаев лучше не использовать вообще. Только для повторяющихся, логических.
Например, каждое 3, каждое 5 число, первые 4 или более сложная схема, но повторяющаяся.

Если положить картинки внутри элементов, они все равно должны иметь свой класс, не вижу смысла.
Так как по БЭМ, каждый тег должен иметь класс.