Rails to_sentence in pure CSS

sentence.html

<span class="join-as-sentence">
  <span class="item">
    David Yen
  </span>

  <span class="item">
    Hursh
  </span>

  <span class="item ">
    Josh
  </span>

  <span class="item">
    Cemre
  </span>
</span>

sentence.scss

.join-as-sentence {
  .item:after {
    content: ', ';
    margin-left: -4px;
  }

  .item:nth-last-child(2):after {
    margin-left: 0;
    margin-right: 0;
    content: ' and ';
  }

  .item:last-child:after {
    content: '';
    margin-left: 0;
  }
}