疑似クラス nth-of-type をアレンジしてみた

<div class="memberwrap">
  <div>横山裕</div>
  <div>丸山隆平</div>
  <div>大倉忠義</div>
  <div>渋谷すばる</div>
  <div>錦戸亮</div>
  <div>安田章大</div>
  <div>村上信五</div>
</div>

.memberwrap{
  display:flex;
}
.memberwrap div::after{
  content:"・";
}
.memberwrap div:last-of-type::after{
  content:none;
}

.memberwrap div:nth-of-type(5){
  color:yellow;
}

.memberwrap div:nth-of-type(3n){
  background:beige;
}

.memberwrap div:nth-of-type(n + 4){
  background:pink;
}

@media screen and (max-width: 1200px) {
.memberwrap div:nth-of-type(4){
  display:none;
}
}

@media screen and (max-width: 1000px) {
.memberwrap div:nth-of-type(5){
  display:none;
}
}