Как ставить запятые в зависимости от к-ва элементов?

Здравствуйте. Есть такая таблица:



Если информация была введена с одного доп. поля (сэмплы, стиль, формат), то запятые стоят, после каждого слова и не ставятся после последнего слова, по стандарту перекрестных полей dle.

Я хочу, чтобы запятые ставились в "Категория" и "Тип".

В этих полях такая конструкция.

[xfgiven_drum]<a href="/sf/drum:D/">Ударные</a>[/xfgiven_drum]
[xfgiven_str]<a href="/sf/str:S/">Струнные</a>[/xfgiven_str]
[xfgiven_etnic]<a href="/sf/etnic:E/">Этические</a>[/xfgiven_etnic]
[xfgiven_ambient]<a href="/sf/ambient:A/">Ambient</a>[/xfgiven_ambient]
[xfgiven_key]<a href="/sf/key:K/">Клавишные</a>[/xfgiven_key]
[xfgiven_wind]<a href="/sf/wind:W/">Духовые</a>[/xfgiven_wind]
[xfgiven_elec]<a href="/sf/elec:EL/">Электронные</a>[/xfgiven_elec]
[xfgiven_vocal]<a href="/sf/vocal:V/">Вокальные</a>[/xfgiven_vocal]

Я не могу поставить после каждого значения запятую, так как я не знаю, какое значения будет последним.

Как сделать с помощью, я думаю css, запятые?
Есть еще вариант поставить запятые вручную, но с помощью css убрать последнюю запятую.
Как такое можно сделать, с помощью чего хотя бы?