[Aetae]

Соответственно должно быть 10 правил типа :nth-child. посредством чистого CSS не могу решить.

Почему не можешь то? В чём проблема?

.cls:nth-child(10n){
  border:1px solid #00f;
}
.cls:nth-child(10n+1){
  border:1px solid #0f0;
}
.cls:nth-child(10n+2){
  border:1px solid #f00;
}

.cls:nth-child(10n+...){
  border:1px solid ...;
}