小编Swe*_*hef的帖子

我正在寻找一种方法来使用CSS在XHTML中设置无序列表的样式,使其以内联方式呈现,并且列表项由逗号分隔.

例如,以下列表应呈现为apple, orange, banana(请注意列表末尾缺少逗号).

<ul id="taglist">
  <li>apple</li>
  <li>orange</li>
  <li>banana</li>
</ul>

目前,我正在使用以下CSS来设置此列表的样式,这几乎可以实现我想要的,但将列表呈现为apple, orange, banana,(请注意香蕉之后的尾随逗号).

#taglist {
  display: inline;
  list-style: none;
}

#taglist li {
  display: inline;
}

#taglist li:after {
  content: ", ";
}

有没有办法用纯CSS解决这个问题？